Пример
Воспроизведение видео:
<video width="320" height="240" controls>
<source src="movie.mp4" type="video/mp4">
<source src="movie.ogg" type="video/ogg">
Ваш браузер не поддерживает тег video.
</video>
Попробуйте сами »
Определение и использование
Тег <video> используется для встраивания видеоконтента в документ, такого как видеоклип или другие видеопотоки.
Тег <video> содержит один или несколько тегов <source> с разными видео источниками. Браузер выберет первый источник, который он поддерживает.
Текст между тегами <video> и </video> будет отображаться только в браузерах, которые не поддерживают элемент <video>.
В HTML поддерживается три формата видео: MP4, WebM и OGG.
| Браузер | MP4 | WebM | Ogg |
|---|---|---|---|
| Edge | ДА | ДА | ДА |
| Chrome | ДА | ДА | ДА |
| Firefox | ДА | ДА | ДА |
| Safari | ДА | ДА | НЕТ |
| Opera | ДА | ДА | ДА |
Советы и примечания
Совет: Для аудиофайлов посмотрите тег <audio>.
Поддержка браузерами
Цифры в таблице указывают первую версию браузера, которая полностью поддерживает элемент.
| Элемент | |||||
|---|---|---|---|---|---|
| <video> | 4.0 | 9.0 | 3.5 | 3.1 | 11.5 |
Необязательные атрибуты
| Атрибут | Значение | Описание |
|---|---|---|
| autoplay | autoplay | Указывает, что видео начнет воспроизводиться, как только будет готово |
| controls | controls | Указывает, что должны отображаться элементы управления видео (например, кнопка воспроизведения/паузы и т.д.). |
| height | пиксели | Устанавливает высоту видеоплеера |
| loop | loop | Указывает, что видео будет начинаться заново каждый раз по окончании |
| muted | muted | Указывает, что аудиовыход видео должен быть отключен (без звука) |
| poster | URL | Указывает изображение, которое будет показано во время загрузки видео или до тех пор, пока пользователь не нажмет кнопку воспроизведения |
| preload | auto metadata none |
Указывает, как, по мнению автора, должно загружаться видео при загрузке страницы |
| src | URL | Указывает URL видеофайла |
| width | пиксели | Устанавливает ширину видеоплеера |
Глобальные атрибуты
Тег <video> также поддерживает Глобальные атрибуты в HTML.
Атрибуты событий
Тег <video> также поддерживает Атрибуты событий в HTML.
Связанные страницы
Справочник HTML DOM: Справочник HTML Audio/Video DOM
Настройки CSS по умолчанию
Нет.