HTML - тег <track> — один из элементов HTML5. Он определяет субтитры, подписи, описания, главы или метаданные для медиа-элемента <audio> или <video>.
Тег <track> - синтаксис и код
Тег <track> пуст, а это значит, что закрывающий тег не требуется. Но в XHTML тег (<track>) должен быть закрыт (<track/>).
Пример кода видео с дорожками субтитров:
<video width="320" height="240" controls>
<source src="example_video.mp4" type="video/mp4">
<track default kind="subtitles" srclang="ru" src="example_video.mp4"/>
</video>
Определение и использование
- HTML - тег
<track> определяет текстовые дорожки для элементов <audio> или <video>.
- Этот элемент используется для указания субтитров, файлов подписей или других файлов, содержащих текст, которые должны быть видны при воспроизведении мультимедиа.
- Треки форматируются в формате WebVTT (файлы .vtt).
Тип данных задается в атрибуте kind. Этот элемент указывает на исходный код, который содержит синхронизированный текст, отображаемый браузером, когда пользователь запрашивает дополнительные данные.
★ Примечание: медиа-элемент не может иметь более одной дорожки с одинаковой меткой, srclang и типом.
Поддержка <track> браузерами
 |
✅ Поддерживает |
 |
✅ Поддерживает |
 |
✅ Поддерживает |
 |
✅ Поддерживает |
 |
✅ Поддерживает |
Атрибуты
| Атрибут |
Значение |
Описание |
| default |
default |
Указывает, что дорожка должна быть включена, если предпочтения пользователя не указывают на то, что другая дорожка будет более подходящей |
| kind |
captions
chapters
descriptions
metadata
subtitles |
Указывает тип текстовой дорожки |
| label |
text |
Указывает заголовок текстовой дорожки |
| src |
URL |
Необходимый. Указывает URL-адрес файла трека |
| srclang |
language_code |
Указывает язык текстовых данных дорожки (обязательно, если kind="subtitles") |
Глобальные атрибуты
Тег <track> также поддерживает глобальные атрибуты в HTML
Атрибуты событий
Тег <track> также поддерживает атрибуты событий в HTML
Связанные страницы
Руководство по HTML: введение в HTML
Настройки CSS по умолчанию
Отсутствуют.
Полный список всех доступных тегов HTML см. в Справочнике по тегам HTML.
