Здравствуйте, сегодня я вам покажу как можно добавить видео с YouTube на свой сайт. Мы разберем дополнительные настройки которые позволяют регулировать следующее: запуск видео сразу после прогрузки страницы, запуск видео с определенного момента, запрет на просмотр видео в полном экране и так далее.
Для того чтобы добавить видео, вам необходимо разместить следующий код на своем сайте:
<iframe width="560" height="315" src="https://www.youtube.com/embed/ET1ECoJqdGg?rel=0&showinfo=0&autoplay=1" frameborder="0" allowfullscreen></iframe>
Как вы видите добавление видео на сайт происходим с помощью тега iframe
. По стандарту здесь используются только некоторые атрибуты: width
(задает ширину окна), height
(задает высоту окна), src
(ссылка на видео), frameborder
(убирает рамку вокруг окна), allowfullscreen
(разрешает полноэкранный режим).
Для добавления своего видео, вам достаточно скопировать представленный выше код и заменить ссылку которая находиться в атрибуте src
.
Дополнительные параметры
Дополнительные параметры необходимо прописывать, перечисляя их в конце ссылки, внутри тега src
.
Перед перечисление необходимо поставить ?
, после этого вы перечисляете параметры и их значения, разделяя их &
.
<iframe src="https://www.youtube.com/embed/ET1ECoJqdGg?rel=0&showinfo=0&autoplay=1"></iframe>
В принципе если вы умеет работать с GET запросами, то вы без проблем справитесь с этой задачей.
Список дополнительных параметров:
&rel=0 — отключение похожих видео после просмотра ролика.
&showinfo=0 — убирает название и рейтинг ролика из плеера.
&autoplay=0 — убирает автоматическое воспроизведение ролика.
&loop=0 — не повторяет видео после просмотра, если оно в плеере одно.
&enablejsapi=0 — отключает возможность использования API Javascript (подробнее об API JS)
&hl=ru_RU — устанавливает локаль для видео, читается как «для русскоговорящих людей» (локаль можно менять)
&egm=0 — Выключает всплывающее расширенное меню.
&border=0 — Убирает рамку вокруг плеера, Основной цвет рамки можно указать с помощью параметра color1
, а дополнительный цвет — с помощью параметра color2.
Значения: любое значение RGB в шестнадцатеричном формате. Параметр color1
описывает цвет основной рамки, а параметрcolor2
— цвет фона панели управления видео и цвет дополнительной рамки.
&fs=0 — отключает возможность полноэкранного просмотра видео
&start=225 — запускает видео с 225 секунды (цифра секунд — меняется)
&fmt=6 — Устанавливает хорошее качество видео. &fmt=18 еще лучше, а &fmt=22 будет наилучшим. Изначально видео должно быть в high definition (HD) качестве (HD) для работы параметра.
&t= — Видео тег в Youtube работает в связке с ID вашего ролика, пишется словом (напр. &t=Politics )
&disablekb=1 — отключает управление клавиатурой.
&showsearch=0 — отключает показ окна поиска при уменьшенном виде ролика.
&start=5 — запускает ролик через 5 секунд, после загрузки страницы (кол-во секунд — меняется)