HTML тег <track>

Элемент <track> (от англ. "track" ‒ «трек, дорожка») используется в качестве дочернего элемента для <audio> и <video>, определяя текстовые дорожки.

Этот элемент используется для определения файлов с субтитрами, заголовками и другой текстовой информацией, которая должна отображаться во время воспроизведения аудио/видео файлов.

Синтаксис

<[audio | video]>
  ...
   <track src="...">
  ...
</[audio | video]>

Закрывающий тег

Не требуется.

Атрибуты

kindHTML5
Определяет тип текстовой дорожки, если атрибут не указан, то по умолчанию используется значение subtitles. Возможные значения атрибута:
captions - дорожка, определяющая перевод диалога и звуковые эффекты. Используется в специальных версиях фильмах для глухих зрителей.
chapters - названия глав используемые для быстрой навигации по видео или аудио. Отображаются в виде списка.
descriptions - текстовое описание видео контента (подходит для слепых пользователей).
metadata - содержимое, используемое сценариями (эта информация не видна для пользователей).
subtitles - субтитры, обеспечивающие перевод содержимого, которое может быть не понятно зрителю. Например, их можно использовать в фильмах вместе с оригинальной дорожкой. Субтитры могут содержать дополнительную справочную информацию. Например текст в начале фильма или дату, время и место сцены.

srcHTML5
Путь к файлу с дорожкой.
srclangHTML5
Указывает язык текста дорожки ( требуется, если kind = "subtitles" ).

labelHTML5
Определяет название текстовой дорожки, используемое браузером при перечислении доступных текстовых дорожек.

defaultHTML5
Наличие этого атрибута указывает, что данная дорожка предпочтительна и должна быть выбрана по умолчанию. Только одна дорожка может иметь атрибут default.

Для этого элемента доступны глобальные атрибуты и не доступны события.

Стилизация по умолчанию

Нет.

Различия между HTML 4.01 и HTML5

Тег <track> был добавлен в HTML5.

Пример использования:

Пример HTML: Видео с двумя дорожками субтитров:

Попробуй сам
<video style="width: 500px; height: 375px;" controls>
<source src="video/Angels.mp4" type="video/mp4">
<source src="video/Angels.ogg" type="video/ogg">
<source src="video/Angels.webm" type="video/webm">
<track kind="subtitles" src="video/angels.ru.vtt" srclang="ru" lang="ru" label="Русский" default="default">
<track kind="subtitles" src="video/angels.fr.vtt" srclang="fr" lang="fr" label="Francais">
</video>

Спецификации

Спецификация Статус
WHATWG HTML Living Standard (WHATWG) Живой стандарт
HTML5 (W3C) Рекомендация
HTML 5.1 (W3C) Рекомендация

Поддержка браузерами


Учебник HTML

HTML Элементы



Contema