HTML <video> тег

  • Предыдущая страница <var>
  • Следующая страница <wbr>

Определение и использование

<video> Тег используется для вставки видео в документ, например, фрагмент фильма или другой поток видео.

<video> Тег содержит один или несколько элементов с различными источниками видео. Тег <source>. Браузер выберет первый источник, который он поддерживает.

<video> и </video> Текст между тегами будет отображаться только в不支持 <video> Элементы будут отображаться в браузере.

HTML поддерживает три видеоформата: MP4, WebM и Ogg.

Браузер MP4 WebM Ogg
Edge Поддерживается Поддерживается Поддерживается
Chrome Поддерживается Поддерживается Поддерживается
Firefox Поддерживается Поддерживается Поддерживается
Safari Поддерживается Поддерживается Не поддерживается
Opera Поддерживается Поддерживается Поддерживается

См. также:

Руководство по HTML DOM:HTML справочник по DOM аудио/видео

Пример

Воспроизвести видео:

<video width="640" height="360" controls>
  <source src="shanghai.mp4" type="video/mp4">
  <source src="shanghai.ogg" type="video/ogg">
  Ваш браузер не поддерживает тег видео.
</video>

Попробуйте сами

Советы и комментарии

Совет:Для аудиофайлов см. тег <audio>.

Опциональные атрибуты

Атрибут Значение Описание
autoplay autoplay Установить, будет ли видео начинаться сразу после загрузки.
controls controls Установить видео элементы управления, которые должны быть отображены (например, кнопки воспроизведения/паузы и т.д.).
height Пиксели Установить высоту плеера видео.
loop loop Установить, будет ли видео начинаться заново при каждом завершении.
muted muted Установить, должен ли быть выключен звук видео.
poster URL Установить изображение, которое будет отображаться во время загрузки видео или до того, как пользователь нажмет кнопку воспроизведения.
preload
  • auto
  • metadata
  • none
 Установить, будет ли видео загружаться при загрузке страницы или как оно будет загружаться.
src URL Установить URL файла видео.
width Пиксели Установить ширину плеера видео.

Глобальные атрибуты

<video> Тег также поддерживает Глобальные атрибуты в HTML.

Атрибуты событий

<video> Тег также поддерживает Атрибуты событий в HTML.

Стандартные настройки CSS

Нет.

Поддержка браузерами

Числа в таблице указывают на версию первого браузера, который полностью поддерживает этот атрибут.

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
4.0 9.0 3.5 3.1 11.5
  • Предыдущая страница <var>
  • Следующая страница <wbr>