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> | 4.0 | 9.0 | 3.5 | 4.0 | 10.5 |
Определение и использование
Тег <video> определяет видео, например видеоклип или другие видеопотоки.
В настоящее время элемент <video> поддерживает три видеоформата: MP4, WebM, Ogg.
| Браузер | MP4 | WebM | Ogg |
|---|---|---|---|
| Internet Explorer | Да | НЕТ | НЕТ |
| Chrome | Да | Да | Да |
| Firefox | Да Начиная с Firefox 21 Системы Linux начиная с Firefox 30 |
Да | Да |
| Safari | Да | НЕТ | НЕТ |
| Opera | Да Начиная с Opera 25 |
Да | Да |
- MP4 = файлы MPEG 4 с видеокодеком H264 и аудиокодеком AAC
- WebM = файлы WebM с видеокодеком VP8 и аудиокодеком Vorbis
- Ogg = файлы Ogg с видеокодеком Theora и аудиокодеком Vorbis
Поскольку разные браузеры поддерживают разные видеоформаты, обычно рекомендуется предоставлять несколько форматов:
Пример
<video controls width="640" height="360">
<source src="movie.mp4" type="video/mp4">
<source src="movie.webm" type="video/webm">Ваш браузер не поддерживает тег video HTML5.</video>
MIME-типы для видеоформатов
| Формат | MIME-тип |
|---|---|
| MP4 | video/mp4 |
| WebM | video/webm |
| Ogg | video/ogg |
Различия между HTML 4.01 и HTML5
Тег <video> — новый тег в HTML5.
Советы и примечания
Совет:Вы можете разместить текстовое содержимое между тегами <video> и </video>, чтобы браузеры, не поддерживающие элемент <video>, могли отображать информацию в теге.
Необязательные атрибуты
Новое: Новый атрибут в HTML5.
| Attribute | Значение | Описание |
|---|---|---|
| autoplayНовое | autoplay | Если этот атрибут присутствует, видео начнёт воспроизводиться, как только будет готово. |
| controlsНовое | controls | Если этот атрибут присутствует, пользователю отображаются элементы управления, например кнопка воспроизведения. |
| heightНовое | пикселей | Задаёт высоту видеопроигрывателя. |
| loopНовое | loop | Если этот атрибут присутствует, медиафайл начнёт воспроизводиться заново после завершения воспроизведения. |
| mutedНовое | muted | Если этот атрибут присутствует, звук видео отключается. |
| posterНовый | URL | Указывает изображение, отображаемое во время загрузки видео, пока пользователь не нажмёт кнопку воспроизведения. |
| preloadНовый | auto metadata none |
Если этот атрибут присутствует, видео загружается при загрузке страницы и подготавливается к воспроизведению. Если используется "autoplay", этот атрибут игнорируется. |
| srcНовый | URL | URL видео для воспроизведения. |
| widthНовое | пикселей | Задает ширину видеоплеера. |
Глобальные атрибуты
Тег <video> поддерживаетглобальные атрибуты HTML.。
Атрибуты событий
Тег <video> поддерживаетатрибуты событий HTML.。
Другие расширения