САЙТ НАХОДИТСЯ В РАЗРАБОТКЕ
Баннер ТОП

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> определяет видео, такое как фрагмент ролика или другие видеопотоки.

В настоящее время существует 3 поддерживаемых формата видео для элемента <video>: MP4, WebM и Ogg:

Браузер MP4 WebM Ogg
Internet Explorer YES NO NO
Chrome YES YES YES
Firefox YES
из Firefox 21
из Firefox 30 для Linux
YES YES
Safari YES NO NO
Opera YES
Из Opera 25
YES YES
  • MP4 = MPEG 4 файлы с видеокодеком H264 и аудиокодеком AAC
  • WebM = WebM файлы с видеокодеком VP8 и аудиокодеком Vorbis
  • Ogg = Ogg файлы с видеокодеком Theora и аудиокодеком Vorbis

MIME типы для видео форматов

Формат 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 справочник


Настройки CSS по умолчанию

Отсутствуют.