Как добавить видео на сайт?
Совсем недавно для того, чтобы добавить видео на сайт, использовалась технология Flash. Файл воспроизводился с помощью встроенного проигрывателя, но можно было создать и собственный. Однако использование Flash было сопряжено с нагромождением HTML–кода, а все видео нужно было конвертировать в специальный формат.
Все изменилось с появлением и развитием нового стандарта HTML5, который позволяет загружать медиафайлы без использования дополнительных плагинов и модулей. Теперь разместить видео на странице любого сайта можно с помощью элемента <video>, а используя CSS–стили — еще и изменить внешний вид плейера под дизайн своего веб–ресурса. В этой статье мы поговорим о том, зачем нужно размещать ролики на портале и рассмотрим разные способы загрузки видеоконтента.
Зачем использовать видео на своем сайте?
В бесконечном потоке информационного шума привлечь и удержать внимание пользователя довольно сложно. Однако именно видеоконтент прекрасно справляется с такой задачей, ведь до 85% процентов всех людей — визуалы, которые легче всего усваивают информацию именно в таком формате. Ролики позволяют:
- Удержать посетителей на сайте и донести информацию в самом простом и понятном формате.
- Увеличить количество клиентов, ведь современные потребители отдают предпочтение именно такому формату контента. Ролики способны во всех подробностях продемонстрировать ваш товар или рассказать об услуге.
- Повысить лояльность и доверие аудитории, ведь с помощью роликов можно гораздо ярче передать весь эмоциональный спектр, чем через текст и фото.
- Повысить место сайта в поисковой выдаче. Просмотр роликов увеличивает время нахождения пользователя на странице, а значит — улучшает показатели, важные для поисковых роботов.
- Увеличить охваты в случае, если ваш ролик превратится в вирусный. Если вы продумали сценарий видео, самостоятельно его сняли и смонтировали, а позже — выложили на сайт, оно имеет все шансы понравиться пользователям и распространиться по всей сети. По статистике, клипами делятся в 8 раз чаще, чем полезными статьями.
Специалисты рекомендуют использовать разные форматы контента, ведь каждый человек — уникален. Возможно, тот, кто не станет тратить время на чтение текста, с удовольствием просмотрит ролик, а вы получите еще одного клиента.
Как добавить видео на сайт с YouTube?
Ютуб по–прежнему остается самым популярным видеохостингом в мире. На его просторах — миллионы роликов, а создав свой канал, вы сможете сделать эту площадку дополнительным источником трафика для сайта. Чтобы загрузить видео на сайт, необходимо:
- Открыть ролик на YouTube, а если вы планируете «заливать» через хостинг свой контент — то авторизоваться на площадке и сохранить видео.
- Нажать кнопку «Поделиться» под проигрывателем.
- Нажать кнопку «Встроить» в открывшемся меню.
- Рядом с плеером откроется окно с кодом выбранного ролика. Можно скопировать его целиком и вставить в мета тег <video> в нужном блоке кода вашего сайта или выбрать определенный тайминг.
- Не забудьте добавить в тег атрибуты для стилизации видео: вы можете настроить автовоспроизведение, включающее файл сразу после загрузки страницы, добавить воспроизведение без звука и другие параметры.
Как вставить видео на сайт с компьютера?
Если ваш веб–ресурс создан при помощи Taptop, загрузить любой видеофайл можно непосредственно из CSM, используя виджет «Видео». Для этого необходимо:
- Перетащить элемент «Видео» на Холст из Панели элементов.
- Кликнуть на элемент и в открывшемся окне «Поиск видео» нажать на кнопку «Загрузить». Taptop поддерживает практически все форматы медиа, однако размер файла должен быть не более 500 Мб.
- Стилизовать загруженный ролик под общий дизайн своей страницы. Интерфейс системы позволяет добавить фон, тени, фильтры, создать рамку и настроить радиус закругления для углов проигрывателя.
- Добавить обложку для ролика, выбрав любое изображение через вкладку «Настройки стилей».
Простой и понятный интерфейс конструктора позволит вам настроить и параметры воспроизведения клипа без вмешательства в HTML–разметку. Однако открытый код проекта позволяет управлять атрибутами и через заполнение соответствующих мета тегов. Подробней о том, как вставить видео на сайт через HTML и CMS мы уже рассказали в соответствующем разделе Базы знаний.
