САМОСТОЯТЕЛЬНОЕ ОБУЧЕНИЕ ДЛЯ ВЕБ РАЗРАБОТЧИКОВ

Обновляется!!! Справочник JavaScript

HTML Тег <video>


Пример

Воспроизведение видео:

<video width="320" height="240" controls>
  <source src="movie.mp4" type="video/mp4">
  <source src="movie.ogg" type="video/ogg">
  Ваш браузер не поддерживает видео элемент.
</video>
Попробуйте сами »

Определение и использование

Тег <video> используется для встраивания видеоконтента в документ, например видеоклип или другие видеопотоки.

Тег <video> содержит один или несколько тегов <source> с различными источниками видео. Браузер выберет первый источник, который он поддерживает.

Текст между тегами <video> и </video> будут отображаться только в браузерах,которые не поддерживают элемент <video>.

Существует три поддерживаемых видеоформата в HTML: MP4, WebM, и OGG.

Браузер MP4 WebM Ogg
Edge / IE ДА НЕТ НЕТ
Chrome ДА ДА ДА
Firefox ДА ДА ДА
Safari ДА НЕТ НЕТ
Opera ДА ДА ДА

Совет: Для получения аудиофайлов посмотрите на тег <audio>.



Поддержка браузеров

Цифры в таблице указывают первую версию браузера, которая полностью поддерживает этот элемент.

Элемент
<video> 4.0 9.0 3.5 3.1 11.5

Значения атрибута

Атрибут Значение Описание
autoplay autoplay Указывает, что видео начнет воспроизводиться, как только оно будет готово
controls controls Указывает, что должны отображаться элементы управления видео (например, кнопка воспроизведения/паузы и т.д.).
height pixels Установка высоты видеоплеера
loop loop Указывает, что видео будет начинаться снова, каждый раз, когда оно будет закончено
muted muted Указывает, что аудиовыход видео должен быть отключен
poster URL Определяет, что изображение будет отображаться во время загрузки видео или до тех пор, пока пользователь не нажмет кнопку воспроизведения
preload auto
metadata
none
Указывает, если и как автор считает, что видео должно быть загружено при загрузке страницы
src URL Указывает URL видеофайла
width pixels Устанавливает ширину видеоплеера

Глобальные атрибуты

Тег <video> также поддерживает Глобальные атрибуты в HTML.


События атрибутов

Тег <video> также поддерживает События атрибутов в HTML.


Связанные страницы

HTML DOM Справочник: HTML Audio/Video DOM справочник


Настройки CSS по умолчанию

Нет.