HTML 5 справочник

HTML включение видео

HTML 5 теги, внедряющие видео на страницы сайта

Теги <video> </video>

Теги <video> </video> определяют видео на сайте:

<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251" />
</head>
<body>
<video src="video.mp4" controls="controls">
Ваш браузер не поддерживает теги <video> </video>! Обновите версию браузера!
</video>
</body>
</html>

Тег <source /> определяет источник видео:

<video controls="controls">
<source src="video.m4v" type="video/mp4" /> <!-- MPEG4 для браузеров Safari -->
<source src="video.ogg" type="video/ogg" /> <!-- Ogg Theora для Firefox -->
</video>

Атрибуты и значения

В примерах видно, файлы каких форматов были использованы. Будем надеяться, что разработчики web-браузеров со временем сойдутся во мнениях и выберут какой-то один видео формат, который получит кроссбраузерную поддержку. Но это в будущем, а пока довольствуемся тем, что есть.

Теги <video> </video>, <source /> впервые представлены в спецификации HTML 5.

Дата публикации: Февраль 2010 | Обновление: Август 2014

HTML 5 справочник | Теги   <video> </video>, <source />