Тег <video> позволяет в браузере проигрывать видео файлы.
В настоящее время поддерживается три видео формата — MP4, WEBM, OGG.
| Браузер | MP4 | WEBM | OGG |
|---|---|---|---|
| Internet Explorer | Да | Нет | Нет |
| Chrome | Да | Да | Да |
| Firefox | Да | Да | Да |
| Safari | Да | Нет | Нет |
| Opera | Да | Да | Да |
- MP4 = H256 видео кодек + AAC аудио кодек
- WEBM = VP8 видео кодек + Vorbis аудио кодек
- OGG = Theora видео кодек + Vorbis аудио кодек
Любой текст между тегами <video> и </video> будет отображен в том случае, если тег <video> не поддерживается браузером.
MIME-типы для видео форматов
| Формат | MIME-тип |
|---|---|
| MP4 | video/mp4 |
| WEBM | video/webm |
| OGG | video/ogg |
Разница между HTML 4.01 и HTML5
Тег <video> был добавлен в HTML5.
| Атрибут | Описание |
|---|---|
| autoplay | Автоматически запускает медиа-файл на воспроизведение |
| controls | Включает элементы управления воспроизведением видеофайла |
| height | Определяет высоту области отображения видео |
| loop | Включает бесконечный цикл воспроизведения видеофайла |
| muted | Отключает звук у видеофайла |
| poster | Определяет URL изображения заставки видеофайла |
| preload | Определяет, следует ли загружать видеофайл во время загрузки страницы |
| src | Определяет URL видеофайла |
| width | Определяет ширину видеоплеера |
Общие атрибуты
Тег <video> поддерживает общие атрибуты и атрибуты-события.
HTML пример использования
Проигрываем видео файл:
<video width="320" height="240" controls>
<source src='movie.mp4' type="video/mp4">
<source src='movie.ogg' type="video/ogg">
Ваш браузер не поддерживает тег video.
</video>
