HTML -видео на YouTube
Самый простой способ воспроизвести видео в формате HTML — использовать YouTube.
Борьба с форматами видео?
Преобразование видео в разные форматы может быть трудным и трудоемким.
Более простое решение — позволить YouTube воспроизводить видео на вашей веб-странице.
Идентификатор видео YouTube
YouTube будет отображать идентификатор (например, tgbNymZ7vqY), когда вы сохраняете (или воспроизводите) видео.
Вы можете использовать этот идентификатор и ссылаться на свое видео в HTML-коде.
Воспроизведение видео YouTube в формате HTML
Чтобы воспроизвести видео на веб-странице, выполните следующие действия:
- Загрузите видео на YouTube
- Запишите идентификатор видео
- Определите
<iframe>
элемент на вашей веб-странице - Пусть
src
атрибут указывает на URL-адрес видео - Используйте атрибуты
width
иheight
, чтобы указать размер проигрывателя. - Добавьте любые другие параметры к URL-адресу (см. ниже)
Пример
<iframe width="420" height="315"
src="https://www.youtube.com/embed/tgbNymZ7vqY">
</iframe>
Автозапуск YouTube + отключение звука
Вы можете разрешить автоматическое воспроизведение вашего видео, когда пользователь посещает страницу, добавив autoplay=1
его в URL-адрес YouTube. Однако автоматический запуск видео раздражает ваших посетителей!
Примечание. Браузеры Chromium в большинстве случаев не поддерживают автозапуск. Однако приглушенный автозапуск всегда разрешен.
Добавьте mute=1
после
autoplay=1
, чтобы ваше видео начало воспроизводиться автоматически (но без звука).
YouTube – автовоспроизведение + звук отключен
<iframe width="420" height="315"
src="https://www.youtube.com/embed/tgbNymZ7vqY?autoplay=1&mute=1">
</iframe>
Плейлист YouTube
Разделенный запятыми список видео для воспроизведения (в дополнение к исходному URL-адресу).
Цикл YouTube
Добавьте loop=1
, чтобы ваше видео зацикливалось навсегда.
Значение 0 (по умолчанию): видео воспроизводится только один раз.
Значение 1: видео будет зацикливаться (навсегда).
YouTube — Цикл
<iframe width="420" height="315"
src="https://www.youtube.com/embed/tgbNymZ7vqY?playlist=tgbNymZ7vqY&loop=1">
</iframe>
Элементы управления YouTube
Добавьте controls=0
, чтобы не отображать элементы управления в видеоплеере.
Значение 0: элементы управления проигрывателем не отображаются.
Значение 1 (по умолчанию): Плеер управляет отображением.
YouTube – элементы управления
<iframe width="420" height="315"
src="https://www.youtube.com/embed/tgbNymZ7vqY?controls=0">
</iframe>