HTML-тег video выводит видео или аудиофайл с субтитрами.
Элементы source могут использоваться в video элементе для указания на альтернативные ресурсы.
Элементы track могут использоваться для назначения текстовых дорожек, таких как субтитры.
Любой дополнительный контент рассматривается как резервный контент, то есть контент, который браузер запустит в воспроизведение, если видео не будет работать (например, если ресурс не найден или если браузер слишком древний, чтобы понять video элемент).
Необязательные атрибуты
Атрибут: src.
Описание: расположение используемого видеофайла.
Возможные значения: URL-адрес.
Атрибут: poster.
Описание: изображение, которое будет выступать в качестве удерживающей рамки перед началом воспроизведения.
Возможные значения: URL-адрес.
Атрибут: preload.
Описание: сколько видео должно быть буферизовано.
Возможные значения:
none: Продолжайте работать на сервере. Извлекайте видеоданные только после запуска воспроизведения.
metadata: Извлеките метаданные, такие как продолжительность и размеры, и, возможно, даже один-два дерзких кадра.
auto: Пользователь появляется раньше сервера — при необходимости загрузите всю партию еще до начала воспроизведения.
Атрибут: autoplay .
Описание: раздражает пользователя, автоматически воспроизводя видео при загрузке.
Возможные значения: нет.
Атрибут: loop.
Описание: постоянно воспроизводит видео после его завершения.
Возможные значения: нет.
Атрибут: muted.
Описание: по умолчанию видеоресурс отключается.
Возможные значения: нет.
Атрибут: controls.
Описание: указывает браузеру применить свой собственный встроенный набор пользовательских элементов управления (для остановки, воспроизведения, отключения звука и т.д.).
Возможные значения: нет.
Атрибут: mediagroup.
Описание: объединяет несколько video и/или audio элементов. Элементы, имеющие одинаковое mediagroup значение, становятся частью одной группы.
Возможные значения: текст.
Атрибут: width.
Описание: ширина видео в пикселях. Это также можно сделать или переопределить с помощью CSS.
Возможные значения: число.
Атрибут: height.
Описание: высота видео в пикселях. Это также можно сделать или переопределить с помощью CSS.
Возможные значения: число.
Атрибут: crossorigin.
Описание: используется в сочетании с JavaScript для определения того, как обрабатываются запросы на совместное использование ресурсов из разных источников.
Возможные значения:
anonymous
use-credentials
Пример
<video src="kitties.mp4" width="300" height="200" loop controls poster="kittiesTitle.jpg">
<img src="hahahaha.jpg" alt="Hilarious cat and caption saying 'soz'.">
</video>Страницы в тему:
Все HTML-теги
a abbr address area article aside audio b base bdi bdo blockquote body br button canvas caption cite code col colgroup data datalist dd del dfn div dl dt em embed fieldset figcaption figure footer form h1 — h6 head header hr html i iframe img input ins kbd keygen label legend li link main map mark meta meter nav noscript object ol optgroup option output p param pre progress q rb rp rt rtc ruby s samp script section select small source span strong style sub sup table tbody td template textarea tfoot th thead time title tr track u ul var video wbr
Уроки:
- Встроенный контент: видео, аудио и холст (Внушительный урок HTML)
