Видео YouTube в HTML

Самый простой способ воспроизводить видео в HTML — использовать YouTube.

Преобразование видео в разные форматы может быть сложным и трудоёмким. Более простое решение — позволить YouTube воспроизводить видео на вашей странице.

YouTube показывает идентификатор (например, tgbNymZ7vqY), когда вы сохраняете или воспроизводите видео. Вы используете этот идентификатор, чтобы ссылаться на видео в своём HTML.

Чтобы воспроизвести видео на странице: загрузите его на YouTube, запишите идентификатор видео, добавьте элемент <iframe>, укажите в атрибуте src URL видео, задайте width и height для плеера и добавьте любые другие параметры к URL.

Видео YouTube, встроенное с помощью <iframe>.

Вы можете заставить видео запускаться автоматически, когда пользователь посещает страницу, добавив autoplay=1 к URL YouTube, хотя автоматический запуск видео может раздражать посетителей.

Примечание: Браузеры на базе Chromium обычно блокируют автовоспроизведение, но автовоспроизведение без звука всегда разрешено. Добавьте mute=1 после autoplay=1, чтобы видео запускалось автоматически, но без звука.

Видео YouTube с автовоспроизведением без звука.

Параметр playlist принимает список видео, разделённых запятыми, для воспроизведения в дополнение к исходному URL.

Добавьте playlist=videoID и loop=1, чтобы видео зацикливалось бесконечно. loop=0 (по умолчанию) воспроизводит видео только один раз, а loop=1 зацикливает его бесконечно.

Видео YouTube, настроенное на бесконечное зацикливание.

Добавьте controls=0, чтобы скрыть элементы управления плеера. controls=0 скрывает их, а controls=1 (по умолчанию) показывает их.

Видео YouTube со скрытыми элементами управления плеера.