Тег <track> определяет текстовую дорожку для медиафайла (видео или аудио).
Тег должен быть дочерним элементом тегов <video> или <audio>.
Этот элемент может быть использован для указания субтитров, заголовков, глав, описаний, метаданных. Данные содержатся в файле, указанном в атрибуте src и выводятся во время воспроизведения медиафайла.
Для одного медиаэлемента можно указать несколько текстовых дорожек. Для указания текстовой дорожки по умолчанию нужно использовать атрибут default.
Этот тег был введен в HTML5.
Синтаксис
<track src="URL_источника">
Пример использования <track> в HTML коде
<!DOCTYPE html>
<html>
<head>
<title>Элемент track внутри тега video</title>
</head>
<body>
<video autoplay="autoplay" poster="video_poster.jpg">
<source src="video.mp4" type="video/mp4">
<source src="video.webm" type="video/webm">
<track src="subtitles_english.vtt" kind="subtitles" label="English" srclang="en">
<track src="subtitles_russian.vtt" kind="subtitles" label="Русский" srclang="ru">
</video>
</body>
</html>
Поддержка браузерами
| Тег | |||||
| <track> | Да | Да | Да | Да | Да |
Атрибуты тега <track>
| Атрибут | Значение | Описание |
|---|---|---|
| default | не указывается / default |
Логический атрибут. Определяет track элемент, источник которого должен быть использован по умолчанию. Атрибут должен быть использован не более чем в одном теге <track> внутри одного медиаэлемента (видео/аудио). |
| kind |
captions |
Определяет тип содержимого текстовой дорожки: captions - источник содержит текст диалогов, описание звуковых эффектов. Подходит для глухих пользователей; |
| label | текст | Название дорожки. Используется в списке доступных дорожек медиаэлемента. |
| src | URL | Обязательный атрибут. Содержит URL адрес файла текстовой дорожки. |
| srclang | код языка | Указывает язык содержимого в текстовой дорожке. Обязательный атрибут для субтитров (если атрибут kind="subtitles"). |
Тег <track> также поддерживает глобальные HTML атрибуты.