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 по умолчанию
Нет.