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