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

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

1

Панель управления

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
2

Кнопка полноэкранного режима

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

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

Скрыть логотип YouTube

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=0
modestbranding=1 modestbranding=0
4

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

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

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

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

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

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

5

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

mute=1

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

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

6

Автовоисприведение

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
7

Зацикленное видео

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

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

Начало и конец видео

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
9

Отключение клавиш управления

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

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

Информация о видео

showinfo=0 – проигрыватель перед началом воспроизведения не выводит название и канал видео.
<iframe src="https://www.youtube.com/embed/VIDEO_ID?showinfo=0" frameborder="0" width="100%" height="315"></iframe>
HTML
11

Плейлист

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
12

Загружаемый контент в плеер

Параметр 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
13

Похожие видео

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

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

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

Разное

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

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

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

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

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

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

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

Поделится

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

В статье представлены все самые встречающеюся мета-теги с примерами и пояснениями их использования.
Разметка вставляется в head каждой страницы сайта и используется для расширенного описания ссылки, вставленной в твит.