Пример
Видео с дорожками субтитров для двух языков:
<video width="320" height="240" controls>
<source src="forrest_gump.mp4" type="video/mp4">
<source src="forrest_gump.ogg" type="video/ogg">
<track src="fgsubtitles_en.vtt" kind="subtitles" srclang="en" label="Английский">
<track src="fgsubtitles_no.vtt" kind="subtitles" srclang="no" label="Норвежский">
</video>
Определение и использование <track>
Тег <track> определяет текстовые дорожки для элементов <audio> или <video>.
Этот элемент используется для указания субтитров, файлов субтитров или других файлов, содержащих текст, которые должны быть видны во время воспроизведения носителя.
Треки форматируются в формате WebVTT (файлы.vtt).
Поддержка браузеров <track>
Цифры в таблице указывают первую версию браузера, которая полностью поддерживает этот элемент.
| Элемент | |||||
|---|---|---|---|---|---|
| <track> | 23.0 | 10.0 | 31.0 | 6.0 | 12.1 |
Значения атрибутов <track>
| Атрибут | Значение | Описание |
|---|---|---|
| default | default | Указывает, что трек должен быть включен, если предпочтения пользователя не указывают на то, что другой трек был бы более подходящим |
| kind | captions chapters descriptions metadata subtitles |
Указывает тип текстовой дорожки |
| label | text | Задает заголовок текстовой дорожки |
| src | URL | Требуемый. Указывает URL файла трека |
| srclang | language_code | Указывает язык текстовых данных трека (обязательно, если kind="subtitles") |
Глобальные атрибуты <track>
Тег <track> также поддерживает Глобальные атрибуты в HTML.
События атрибутов <track>
Тег <track> также поддерживает События атрибутов в HTML.
Связанные страницы <track>
HTML Учебник: HTML Видео
HTML Учебник: HTML Аудио
HTML DOM Справочник: Объект Track
Настройки CSS по умолчанию <track>
Нет.