Практически любое видео с YouTube можно разместить на сайте, да не просто разместить, но и настроить под параметры и дизайн сайта. Конечно, YouTube это тоже выгодно, так как такая стратегия позволяет привлечь дополнительный трафик на платформу, получая более низкую нагрузку на сервера. Далее рассмотрим, каким образом можно вставить видео с YouTube на вашем сайте и настроить его.
Как вставить видео с YouTube на сайт
Вставка видео на сайт происходит с помощью специального блока HTML-кода, куда прописывается ссылка на первоисточник и различные настраиваемые параметры. Самостоятельно писать этот код вам не требуется, так как сам YouTube предлагает вам сгенерировать его под ваши параметры.
Единственная сложность может быть только в процессе вставки данного кода, так как интерфейс разных CMS может отличаться. Правда, популярные CMS, вроде WordPress или Joomla предлагают своим пользователям возможность быстро вставить блок HTML-кода с YouTube и других сервисов.
Для удобства разделим статью на несколько этапов.
Этап 1: Настройка и копирование кода
На этом этапе манипуляции будут происходить непосредственно на YouTube. Здесь вам нужно выполнить следующее:
- Откройте видео, которое вы хотели бы вставить к себе на сайт. Под ним найдите кнопку «Поделиться». Воспользуйтесь ею.
- В настройках «Поделиться» выберите вкладку «HTML-код». Вы можете сразу же скопировать полученный код, а можете настроить его под параметры сайта. Для этого нажмите на кнопку «Ещё», что расположена под строкой с кодом.
- Здесь доступны следующие настройки:
- Настройка размеров видео. Здесь можно выбрать вариант из стандартных размеров или задать свой.
- Показать похожие видео после завершения просмотра. Если галочка установлена у данного параметра, то после просмотра видео, посетитель вашего сайта будет видеть похожие видео, по мнению YouTube.
- Показать элементы управления. Если данный параметр будет убран, то видео будет просто воспроизводиться, но при этом пользователь не сможет взаимодействовать с элементами управления, которые расположены в нижней части плеера.
- Показать название видео. На вашем сайте не будет отображаться название данного видео, во всяком случае в интерфейсе плеера.
- Включить режим повышенной конфиденциальности. Если этот параметр активен, то YouTube будет сохранять информацию только о тех пользователях, которые посмотрели видео на вашем сайте.
- После того, как вы завершите настройку HTML-кода, он обновиться на YouTube. Выделите его и скопируйте.
Этап 2: Вставка кода на сайт
Для примера мы рассмотрим, как вставить HTML-код видео с YouTube на сайт через CMS WordPress. Инструкция для него вполне актуальна и для других CMS. Единственным отличием может быть только расположение некоторых элементов и их названий.
- Откройте редактор постов в интерфейсе WordPress. Вы можете как изменить уже существующую статью, так и добавить новую.
- Переключитесь во вкладку «Текст». Таким образом вы получите доступ к HTML-разметки контента на сайте.
- Вставьте в нужной части статьи ранее скопированный HTML-код с YouTube.
- Сохраните изменения и обновите статью.
Читайте также:
Смотрим статистику заработка канала на YouTube
Выкладываем видео на YouTube
Оставляем комментарии на YouTube
Как изменить качество видео на YouTube Андроид
В других CMS все действия происходят по такой же логике. Только вкладка «Текст» может носить другое название или вовсе отсутствовать, если работать с контентом и так по умолчанию происходит через HTML-редактор кода.
Настройка HTML-кода вручную
Дополнительно можно произвести некоторые манипуляции с уже готовым кодом. Вот что подлежит в нём изменениям:
- Размеры самого плеера. Для этого внесите корректировки в параметры width и height. Обратите внимание, что вписывать новые значение в поля нужно с сохранением пропорций, так как они автоматически подгоняться не будут. В противном случае видео будет отображаться некорректно.
- Настроить автоматическое воспроизведение. При включении такового у пользователя будет автоматически включаться видео на странице. За это отвечает часть кода «&autoplay=1» (без кавычек). Значение 1 – автоматическое воспроизведение включено, значение 0 – отключено.
- Воспроизведение видео с определённого момента. За это отвечает строка «#t=0m0s» (без кавычек). В текущем случае воспроизведение начинается с 0 минут 0 секунд. Вместо нолей можете вписать любое число, входящее в длительность видео.
- Включить или отключить субтитры. Если у видео есть встроенные субтитры, то вы можете включить их. За их включение отвечает элемент кода «&cc_load_policy=1» (без кавычек). 1 – субтитры включены, 0 – отключены. Если у видео предусмотрено несколько вариантов субтитров, то их можно выбрать с помощью кода «&cc_lang_pref=ru». Вместо ru может быть en или de, или обозначение любого другого языка. Главное, чтобы под указанный язык были встроены субтитры в выбранном видео.
Как видите, нет ничего сложного в вставке видео с YouTube на сайт. Это можно сделать, даже не имея элементарных знаний в HTML/CSS-вёрстке.
