HTML <video> Тег
Пример
Воспроизведение видео:
<video width="320" height="240" controls>
<source src="movie.mp4" type="video/mp4">
<source src="movie.ogg" type="video/ogg">
Your browser does not support the video tag.
</video>
Определение и использование
Тег <video> определяет видео, например фрагмент ролика или другие видеопотоки.
В настоящее время имеется 3 поддерживаемых видео форматов для элемента <video>: MP4, WebM, и Ogg:
| Browser | MP4 | WebM | Ogg |
|---|---|---|---|
| Internet Explorer | Да | Нет | Нет |
| Chrome | Да | Да | Да |
| Firefox | Да От Firefox 21 От Firefox 30 Для Linux |
Да | Да |
| Safari | Да | Нет | Нет |
| Opera | Да От Opera 25 |
Да | Да |
- MP4 = MPEG 4 файлы с H264 видео кодек и AAC аудио кодек
- WebM = WebM файлы с VP8 видео кодек и Vorbis аудио кодек
- Ogg = Ogg файлы с Theora видео кодек и Vorbis аудио кодек
Типы MIME для форматов видео
| Format | MIME-type |
|---|---|
| MP4 | video/mp4 |
| WebM | video/webm |
| Ogg | video/ogg |
Поддержка браузера
Номера в таблице указывают первую версию браузера, которая полностью поддерживает элемент.
| Элемент | |||||
|---|---|---|---|---|---|
| <video> | 4.0 | 9.0 | 3.5 | 4.0 | 10.5 |
Различия между HTML 4,01 и HTML5
Тег <video> является новым в HTML5.
Советы и примечания
Совет: Любой текст между тегами <video> и </video> будет отображаться в обозревателях, не поддерживающих элемент <video>.
Дополнительные атрибуты
| Атрибут | Значение | Описание |
|---|---|---|
| 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 Reference
Параметры CSS по умолчанию
Нет.