Настройка плеера YouTube

Список параметров для настройки функций плеера YouTube, полное описание в документации на developers.google.com.

controls=0 – скрывает панель управления.

controls=1 – элементы управления отображаются в проигрывателе (по умолчанию).

controls=2 – работает так же как controls=1, но обеспечивает увеличение производительности.

<iframe src="https://www.youtube.com/embed/VIDEO_ID?controls=0" frameborder="0" width="100%" height="315"></iframe>
HTML

fs=0 – скрывает кнопку «Во весь экран».

<iframe src="https://www.youtube.com/embed/VIDEO_ID?fs=0" frameborder="0" width="100%" height="315"></iframe>
HTML
Кнопка полноэкранного режима fs=0
fs=0
Кнопка полноэкранного режима fs=1
fs=1

modestbranding=1 – скрывает логотип YouTube.

<iframe src="https://www.youtube.com/embed/VIDEO_ID?modestbranding=1" frameborder="0" width="100%" height="315"></iframe>
HTML
Скрыть логотип YouTube modestbranding=1
modestbranding=1
modestbranding=0
modestbranding=0

Только два варианта:

color=red – красный цвет (по умолчанию).

color=white – белый цвет прогресс-бара.

<iframe src="https://www.youtube.com/embed/VIDEO_ID?color=white" frameborder="0" width="100%" height="315"></iframe>
HTML

Цвет прогресс-бара YouTube

mute=1

<iframe src="https://www.youtube.com/embed/VIDEO_ID?mute=1" frameborder="0" width="100%" height="315"></iframe>
HTML

Выключить звук YouTube

autoplay=1 запустит видео сразу после загрузки страницы. Еще понадобится добавить атрибут allow="autoplay".

<iframe src="https://www.youtube.com/embed/VIDEO_ID?autoplay=1" allow="autoplay" frameborder="0" width="100%" height="315"></iframe>
HTML

loop=1 включает воспроизведение по кругу, также нужно задать playlist=VIDEO_ID.

<iframe src="https://www.youtube.com/embed/VIDEO_ID?loop=1&playlist=VIDEO_ID" frameborder="0" width="100%" height="315"></iframe>
HTML

start=60 – плеер начнет воспроизведение с 60-й секунды.

end=120 – воспроизведение остановится на 2й минуте.

<iframe src="https://www.youtube.com/embed/VIDEO_ID?start=60&end=120" frameborder="0" width="100%" height="315"></iframe>
HTML

disablekb=1 – отключает управления c клавиатуры. Предусмотрены следующие:

  • Пробел: воспроизведение/пауза
  • Стрелка влево: вернуться на 10% в текущем видео
  • Стрелка вправо: перейти на 10% вперед в текущем видео
  • Стрелка вверх: увеличить громкость
  • Стрелка вниз: уменьшить громкость.
<iframe src="https://www.youtube.com/embed/VIDEO_ID?disablekb=1" frameborder="0" width="100%" height="315"></iframe>
HTML
showinfo=0 – проигрыватель перед началом воспроизведения не выводит название и канал видео.
<iframe src="https://www.youtube.com/embed/VIDEO_ID?showinfo=0" frameborder="0" width="100%" height="315"></iframe>
HTML

playlist=VIDEO_ID_2,VIDEO_ID_3,VIDEO_ID_4 – список видео для воспроизведения, показ начнется после основного видео (VIDEO_ID).

<iframe src="https://www.youtube.com/embed/VIDEO_ID?playlist=VIDEO_ID_2,VIDEO_ID_3,VIDEO_ID_4" frameborder="0" width="100%" height="315"></iframe>
HTML

Параметр listType в сочетании с list определяет контент в плеере. VIDEO_ID в URL не указывается.

listType=search&list=xxx – поиск по видео.

<iframe src="https://www.youtube.com/embed/?listType=search&list=xxx" frameborder="0" width="100%" height="315"></iframe>
HTML

listType=user_uploads&list=PLxxxxxxxx – канал YouTube, list определяет id канала.

<iframe src="https://www.youtube.com/embed/?listType=user_uploads&list=PLxxxxxxxx" frameborder="0" width="100%" height="315"></iframe>
HTML

listType=playlist&list=PLAYLIST_ID – плейлист канала YouTube.

<iframe src="https://www.youtube.com/embed/?listType=playlist&list=PLAYLIST_ID" frameborder="0" width="100%" height="315"></iframe>
HTML

rel=0 – отключает плашку с рекомендованными видео после просмотра.

rel=1 – включает ее (по умолчанию).

<iframe src="https://www.youtube.com/embed/VIDEO_ID?rel=0" frameborder="0" width="100%" height="315"></iframe>
HTML

playsinline=1 – включает воспроизведение видео в полноэкранном режиме на iOS.

cc_load_policy=1 – выводит титры даже в том случае, если пользователь их отключил.

iv_load_policy=3 – аннотации к видео (1 – отображаться, 3 – скрыты).

hl=ru – язык интерфейса проигрывателя в формате ISO 639-1.

origin=1 – включает дополнительные меры безопасности для IFrame API.

enablejsapi=1 – включает API Javascript.

27.06.2019, обновлено 29.10.2019
17850
Предыдущая запись Размеры Iframe
Следующая запись Адаптивные блоки YouTube

Комментарии

, чтобы добавить комментарий.

Другие публикации

Список MIME типов
Ниже приведён список MIME-заголовков и расширений файлов.
9163
+3
Contenteditable – текстовый редактор
Если добавить атрибут contenteditable к элементу, его содержимое становится доступно для редактирования пользователю, а...
21991
+25
Мануал по созданию и форматированию excel файлов в PHPExcel
К сожалению разработчики прекратили поддержку и разработку проекта, но PHPExcel все равно остается популярной...
68390
+22
Слайдеры изображений на плагине bxSlider
BxSlider отличный jquery плагин слайдеров и каруселей, адаптивный, легко настраивается, поддерживает любой тип...
9112
0
Whois, как получить данные IP-адреса и домена в PHP
Несколько примеров как в PHP получить информацию о домене и IP-адресе.
9820
+4
Горячие клавиши Google Chrome
Список сочетаний клавиш, которые можно использовать в Google Chrome для Windows и MacOS.
3327
0