Тег <track>
используется для указания дополнительных текстовых дорожек, таких как дорожки субтитров для <audio>
и <video>
элементов.
Разрешенный родитель: | Медиа-элемент, как <audio> или <video> |
Контент: | Нет, это пустой элемент |
Открывающий тег: | Обязательный |
Закрывающий тег: | Запрещен |
Версия: | Новый в HTML5 |
Синтаксис
Базовый синтаксис тега <track>
выглядит следующим образом:
HTML: <track>; XHTML: <track />
Примеры написания кода тега <track>
:
<video controls="controls">
<source src="shuttle.mp4" type="video/mp4">
<source src="shuttle.ogv" type="video/ogg">
<track src="subtitles_en.vtt" kind="subtitles" srclang="en" label="English">
Ваш браузер не поддерживает элемент HTML5 Video.
</video>
Специальные атрибуты тега
В следующей таблице приведены атрибуты, которые относятся к тегу <track>
:
Атрибут | Значение | Описание |
---|---|---|
Обязательно — следующие атрибуты должны быть указаны в этом теге, чтобы разметка была валидной. | ||
src |
URL | Определяет URL файла трека. |
Опционально — следующие атрибуты не являются обязательными. | ||
default |
default |
Указывает, что дорожка должна быть включена, если пользовательские настройки не указывают, что другая дорожка является более подходящей. |
kind |
captions chapters descriptions metadata subtitles |
Определяет тип текстовой дорожки. |
label |
text | Определяет заголовок текстовой дорожки. |
srclang |
language-code | Определяет язык текстовых данных дорожки. Необходимо указать srclang , если для атрибута kind установлено значение subtitles . |
Глобальные атрибуты
Как и все другие HTML-теги, тег <track>
поддерживает все глобальные атрибуты в HTML5.
Атрибуты для событий
Тег <track>
так же поддерживает атрибуты событий в HTML5.
Поддержка браузеров
Тег <track>
поддерживается во всех основных браузерах.