Вы здесь

HTML тег video

Тег <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.
Атрибуты тега <video>
Атрибут Описание
autoplay Автоматически запускает медиа-файл на воспроизведение
controls Включает элементы управления воспроизведением видеофайла
height Определяет высоту области отображения видео
loop Включает бесконечный цикл воспроизведения видеофайла
muted Отключает звук у видеофайла
poster Определяет URL изображения заставки видеофайла
preload Определяет, следует ли загружать видеофайл во время загрузки страницы
src Определяет URL видеофайла
width Определяет ширину видеоплеера
Общие атрибуты
Тег <video> поддерживает общие атрибуты и атрибуты-события
HTML пример

Проигрываем видео файл:


<video width="320" height="240" controls>
   <source src="http://msiter.ru/movie.mp4" type="video/mp4">
   <source src="http://msiter.ru/movie.ogg" type="video/ogg">
   Ваш браузер не поддерживает тег video.
</video>