САМОСТОЯТЕЛЬНОЕ ОБУЧЕНИЕ ДЛЯ ВЕБ РАЗРАБОТЧИКОВ

На сайте нет рекламы

HTML Тег <track>


Пример

Видео с дорожками субтитров для двух языков:

<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> определяет текстовые дорожки для элементов <audio> или <video>.

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

Треки форматируются в формате WebVTT (файлы.vtt).


Поддержка браузеров

Цифры в таблице указывают первую версию браузера, которая полностью поддерживает этот элемент.

Элемент
<track> 23.0 10.0 31.0 6.0 12.1

Значения атрибутов

Атрибут Значение Описание
default default Указывает, что трек должен быть включен, если предпочтения пользователя не указывают на то, что другой трек был бы более подходящим
kind captions
chapters
descriptions
metadata
subtitles
Указывает тип текстовой дорожки
label text Задает заголовок текстовой дорожки
src URL Требуемый. Указывает URL файла трека
srclang language_code Указывает язык текстовых данных трека (обязательно, если kind="subtitles")

Глобальные атрибуты

Тег <track> также поддерживает Глобальные атрибуты в HTML.


События атрибутов

Тег <track> также поддерживает События атрибутов в HTML.


Связанные страницы

HTML Учебник: HTML Видео

HTML Учебник: HTML Аудио

HTML DOM Справочник: Объект Track


Настройки CSS по умолчанию

Нет.