English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية

Руководство по HTML

Полный список тегов HTML

HTML: <video> тег

Элемент <video> HTML используется для внедрения плеера媒体 в документ HTML или XHTML, поддерживающий воспроизведение видео в документе. Вы также можете использовать тег <video> для аудио контента, но элемент <audio> может быть более подходящим с точки зрения опыта пользователя.

Онлайн пример

Просмотр видео через video:

<!doctype html>
<html>
<head>
<meta charset="UTF-8">
<title>Использование тега HTML video (Основы教程 на oldtoolbag.com)</title>
</head>
<body>
<video controls>
　　<source src="movie.mp4" type="video/mp4">
　　<source src="movie.webm" type="video/webm">
　　<p>Ваш браузер не поддерживает HTML5 видео. Вот здесь:
　　　　　a　<a　href="movie.mp4">ссылка　на　видео</a>　вместо.</p>
</video>
</body>
</html>
Проверьте, <‹/›>

Совместимость браузеров

IEFirefoxOperaChromeSafari

Все основные браузеры поддерживают его.

Определение и руководство по использованию тега

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

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

БраузерMP4WebMOgg
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

MIME-тип аудиоформата

ФорматMIME-type
MP4video/mp4
WebMvideo/webm
Oggvideo/ogg

Различия между HTML 4.01 и HTML5

Тег <video> является новым тегом HTML5.

Подсказки и注意事项

Подсказка:Текст можно поместить между тегами <video> и </video>, чтобы браузеры, которые не поддерживают элемент <video>, могли отображать информацию о данном теге.

Обязательный атрибут

New: Добавленные свойства в HTML5.

СвойствоЗначениеОписание
autoplayHTML5autoplayЕсли присутствует этот атрибут, видео будет немедленно воспроизведено после готовности.
controlsHTML5controlsЕсли присутствует этот атрибут, пользователю будут отображены элементы управления, такие как кнопка воспроизведения.
высотаHTML5пикселиУстановить высоту видеоплеера.
loopHTML5loopЕсли присутствует этот атрибут, медиафайл начнется заново, когда он завершит воспроизведение.
mutedHTML5mutedЕсли присутствует этот атрибут, аудиовыход видео будет тишина.
posterHTML5URLУказать изображение, которое будет отображаться, пока видео загружается, до тех пор, пока пользователь не нажмет кнопку воспроизведения.
preloadHTML5auto
metadata
none		Если присутствует этот атрибут, видео загружается и готовится к воспроизведению при загрузке страницы. Если используется "autoplay", этот атрибут игнорируется.
srcHTML5URLURL видео, которое нужно воспроизвести.
ширинаHTML5пикселиУстановить ширину видеоплеера.

Глобальные свойства

Поддержка тега <video> Глобальные свойства HTML.

Свойства событий

Поддержка тега <video> События свойств HTML.

HTML: <wbr> тегHTML: <var> тег