Видео на сайте может показать работу компании, товар или результат услуги. Выберите место рядом с тем, о чём рассказывает ролик, затем решите, хранить файл на своём сайте или встроить плеер видеоплатформы. После размещения откройте страницу с телефона, проверьте запуск, звук и скорость загрузки.
Начните с вопроса, что клиенту хочется увидеть перед обращением. Мастерской подойдёт процесс ремонта. Мебельщик снимет готовую кухню и то, как выдвигаются ящики, а салон покажет рабочее место и результат.
Ролик о компании и людях уместен рядом с рассказом о команде. Процесс и результат до и после разместите в разделе работ, отзыв клиента рядом с другими отзывами, а короткую инструкцию или обзор товара на странице товара.
На первом экране можно показать пространство или работу в качестве фона. Подробный ролик удобнее разместить ниже, рядом с описанием услуги. Продумать расположение остальных блоков поможет статья про структуру сайта.
Свой файл размещают на хостинге сайта, и он играет в обычном плеере прямо на странице. Вы контролируете файл и способ показа, но за хранение, подготовку и доставку видео отвечает ваша сторона.
При большом файле и просмотрах проверьте с исполнителем, справится ли ваш хостинг с хранением и отдачей видео. Объём файла и условия размещения зависят от конкретного сайта.
Другой путь: загрузить ролик на видеоплатформу и встроить её плеер на страницу. Платформа берёт на себя часть работы с видео, но показ зависит от доступности и правил сервиса. В некоторых плеерах возможна реклама или рекомендации других роликов.
Перед выбором откройте видео так, как его увидит клиент. Проверьте доступность площадки у своей аудитории и досмотрите ролик до конца: содержимое рекомендаций и возможности настройки зависят от плеера. Исходный файл сохраните у себя в любом случае.
Сомневаетесь, где разместить ролик? Напишите нам: бесплатно посмотрим вашу задачу и подскажем, что уточнить у разработчика. Оставить заявку
Сам видеофайл может быть объёмным, а встроенный плеер видеоплатформы загружает дополнительные ресурсы. Это способно замедлить страницу, поэтому после установки стоит сравнить её работу с прежней версией.
Если файл лежит на вашем хостинге, попросите исполнителя сжать его и проверить, что картинка и звук остались разборчивыми. Видеоплатформа обычно готовит ролик к показу сама. Для ролика, который человек запускает сам, можно сначала показать обложку с кнопкой, а плеер загрузить после нажатия. Для видео ниже по странице обсудите отложенную загрузку: оно начнёт загружаться, когда посетитель приблизится к нему.
Обложка сама по себе не гарантирует, что файл или плеер не загружается в фоне. Попросите исполнителя настроить так, чтобы плеер загружался только после нажатия на обложку, а ролик ниже по странице, когда посетитель до него долистал. Как оценить страницу целиком, рассказали в статье про скорость сайта.
Откройте страницу на своём телефоне. Плеер должен помещаться по ширине, кнопка воспроизведения быть доступной, а изображение не обрезать важные детали.
Вертикальный ролик можно оставить вертикальным, если так удобно смотреть товар или результат работы. Для горизонтального видео проверьте, различимы ли детали на небольшом экране, и дайте посетителю возможность развернуть его, если плеер это поддерживает.
Если в ролике есть речь или важные звуки, добавьте субтитры или понятные подписи. Так содержание будет доступно и человеку, который смотрит без звука. Остальные элементы страницы проверьте по статье о мобильной версии сайта.
Бесплатно проверим, не тормозит ли видео ваш сайт на телефоне. Напишите нам и пришлите адрес страницы. Оставить заявку
Ролик с объяснением товара или отзывом предложите запускать по кнопке. Посетитель сам решит, когда смотреть видео и включать звук.
Фоновое видео может показывать мастерскую или интерьер на первом экране. Для автоматического воспроизведения выбирайте вариант без звука и оставьте возможность остановить движение. Ролик со звуком браузеры сами обычно не запускают, а автозапуск без звука тоже срабатывает не везде. Поэтому проверьте и запасной вариант с обложкой.
Посмотрите на заголовок поверх видео на разных кадрах: светлый текст может потеряться на светлом фоне. Если движение мешает чтению или страница работает плохо, замените фон на изображение. На телефоне часто проще сразу поставить неподвижный кадр.
Используйте кадры и музыку, на которые у вас есть права, либо получите разрешение правообладателя для размещения на сайте. Если ролик готовит подрядчик, попросите записать в договоре, что музыку и материалы из ролика можно показывать на вашем сайте.
Пройдите страницу как посетитель, который ещё не видел ваш сайт. Проверяйте опубликованную страницу, а не только её вид в редакторе.
Передайте исполнителю адрес страницы и опишите, на каком устройстве и в каком браузере заметили проблему. Полезно приложить снимок экрана и сказать, что произошло после нажатия на ролик.
Если площадка недоступна вашей аудитории, обсудите другой способ размещения и повторите проверку. Когда неполадки касаются и других элементов страницы, используйте общий порядок проверки сайта на ошибки.
Нужна помощь с сайтом? Мы делаем сайты с нуля и переделываем существующие, поможем разместить видео и проверить его на телефоне. Напишите нам для бесплатного обсуждения задачи. Оставить заявку
Свой файл даёт больше контроля над размещением, но его хранение и доставка остаются на вашей стороне. Видеоплатформа берёт часть этой работы на себя, зато показ зависит от доступности и настроек её плеера.
Можно настроить автозапуск, но браузер может его заблокировать. Для фона используйте видео без звука и проверьте запасной вариант с обложкой.
Для ролика с запуском по кнопке обложка показывает, что находится в видео, до начала просмотра. Попросите также проверить, когда загружается сам файл или плеер.
Передайте исполнителю адрес страницы и модель устройства. Попросите настроить ширину плеера под экран и проверить, не обрезается ли важная часть кадра.
Если в видео есть речь или другие звуки, нужные для понимания, субтитры или подписи помогут посетителям, которые не слышат звук или смотрят без него.
Полная версия статьи с таблицей проверок: tehosmotr-saita.ru/video-na-sajt