ЛУЧШИЙ САЙТ ДЛЯ РАЗРАБОТЧИКОВ
×

HTML Ссылки

HTML по Алфавиту HTML по Категориям HTML Атрибуты Тегов HTML Атрибуты Глобал HTML Атрибуты Событий HTML Цвета HTML Холсты HTML Аудио / Видео HTML Наборы символов HTML DOCTYPEs HTML Кодирование URL HTML Языковые коды HTML Коды стран HTTP Ответы сервера HTTP Методы PX в EM конвертер Горячие клавиши


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 по умолчанию

Нет.