Вставка видео на сайт с YouTube

Практически любое видео с YouTube можно разместить на сайте, да не просто разместить, но и настроить под параметры и дизайн сайта. Конечно, YouTube это тоже выгодно, так как такая стратегия позволяет привлечь дополнительный трафик на платформу, получая более низкую нагрузку на сервера. Далее рассмотрим, каким образом можно вставить видео с YouTube на вашем сайте и настроить его.

Как вставить видео с YouTube на сайт

Вставка видео на сайт происходит с помощью специального блока HTML-кода, куда прописывается ссылка на первоисточник и различные настраиваемые параметры. Самостоятельно писать этот код вам не требуется, так как сам YouTube предлагает вам сгенерировать его под ваши параметры.

Единственная сложность может быть только в процессе вставки данного кода, так как интерфейс разных CMS может отличаться. Правда, популярные CMS, вроде WordPress или Joomla предлагают своим пользователям возможность быстро вставить блок HTML-кода с YouTube и других сервисов.
Для удобства разделим статью на несколько этапов.

Этап 1: Настройка и копирование кода

На этом этапе манипуляции будут происходить непосредственно на YouTube. Здесь вам нужно выполнить следующее:

  1. Откройте видео, которое вы хотели бы вставить к себе на сайт. Под ним найдите кнопку «Поделиться». Воспользуйтесь ею.
  2. В настройках «Поделиться» выберите вкладку «HTML-код». Вы можете сразу же скопировать полученный код, а можете настроить его под параметры сайта. Для этого нажмите на кнопку «Ещё», что расположена под строкой с кодом.
  3. Здесь доступны следующие настройки:
    • Настройка размеров видео. Здесь можно выбрать вариант из стандартных размеров или задать свой.
    • Показать похожие видео после завершения просмотра. Если галочка установлена у данного параметра, то после просмотра видео, посетитель вашего сайта будет видеть похожие видео, по мнению YouTube.
    • Показать элементы управления. Если данный параметр будет убран, то видео будет просто воспроизводиться, но при этом пользователь не сможет взаимодействовать с элементами управления, которые расположены в нижней части плеера.
    • Показать название видео. На вашем сайте не будет отображаться название данного видео, во всяком случае в интерфейсе плеера.
    • Включить режим повышенной конфиденциальности. Если этот параметр активен, то YouTube будет сохранять информацию только о тех пользователях, которые посмотрели видео на вашем сайте.

  4. После того, как вы завершите настройку HTML-кода, он обновиться на YouTube. Выделите его и скопируйте.

Этап 2: Вставка кода на сайт

Для примера мы рассмотрим, как вставить HTML-код видео с YouTube на сайт через CMS WordPress. Инструкция для него вполне актуальна и для других CMS. Единственным отличием может быть только расположение некоторых элементов и их названий.

  1. Откройте редактор постов в интерфейсе WordPress. Вы можете как изменить уже существующую статью, так и добавить новую.
  2. Переключитесь во вкладку «Текст». Таким образом вы получите доступ к HTML-разметки контента на сайте.
  3. Вставьте в нужной части статьи ранее скопированный HTML-код с YouTube.
  4. Сохраните изменения и обновите статью.

Читайте также:
Смотрим статистику заработка канала на 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-вёрстке.

Понравилась статья? Поделиться с друзьями:
Задайте вопрос или оставьте свое мнение

Нажимая на кнопку "Отправить комментарий", я даю согласие на обработку персональных данных и принимаю политику конфиденциальности.
Adblock
detector