Элемент | ||||||
<track> | 10+ | 18+ | 15+ | Да | 6+ | 31+ |
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) | Рекомендация |