Элемент <video>


9	12	3	10.5	3.1	3.5


4.4	4	14	3

Табл. 1. Кодеки и браузеры
Аудио кодеки
Браузер
ogg/vorbis		17	4	11.5		3.5
wav		12	8	11.5	4	3.5
mp3	9	12	4	15	4	22
AAC	9	12	12	15	4	22
Видео кодеки
ogg/theora		17	4	11.5		3.5
H.264	9	12	4	25	3.2	21
WebM		14	6	11.5	16	4

Firefox поддерживает AAC частично — только в контейнере MP4 и когда операционная система поддерживает этот формат.

Для универсального воспроизведения в указанных браузерах видео кодируют с помощью разных кодеков и добавляют файлы одновременно (см. пример).

Синтаксис

<video>
 <source src="<адрес>">
</video>

	Описание	Пример
<тип>	Указывает тип значения.	<размер>
A && B	Значения должны выводиться в указанном порядке.	<размер> && <цвет>
A \| B	Указывает, что надо выбрать только одно значение из предложенных (A или B).	normal \| small-caps
A \|\| B	Каждое значение может использоваться самостоятельно или совместно с другими в произвольном порядке.	width \|\| count
[ ]	Группирует значения.	[ crop \|\| cross ]
*	Повторять ноль или больше раз.	[,<время>]*
+	Повторять один или больше раз.	<число>+
?	Указанный тип, слово или группа не является обязательным.	inset?
{A, B}	Повторять не менее A, но не более B раз.	<радиус>{1,4}
#	Повторять один или больше раз через запятую.	<время>#

Атрибуты

autoplay: Видео начинает воспроизводиться автоматически после загрузки страницы.
controls: Добавляет панель управления к видеоролику.
height: Задаёт высоту области для воспроизведения видеоролика.
loop: Повторяет воспроизведение видео с начала после его завершения.
poster: Указывает адрес картинки, которая будет отображаться, пока видео не доступно или не воспроизводится.
preload: Используется для загрузки видео вместе с загрузкой веб-страницы.
src: Указывает путь к воспроизводимому видеоролику.
width: Задаёт ширину области для воспроизведения видеоролика.

Пример

<!DOCTYPE html> <html lang="ru"> <head> <meta charset="utf-8"> <title>video</title> </head> <body> <video width="512" height="288" controls="controls" poster="video/fuji.jpg"> <source src="video/fuji.mp4" type='video/mp4; codecs="avc1.42E01E, mp4a.40.2"'> Элемент video не поддерживается вашим браузером. <a href="video/fuji.mp4">Скачайте видео</a>. </video> </body> </html>

Спецификация

Спецификация	Статус
HTML Living Standard	Живой стандарт