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

Тег <track> атрибут kind

❮ 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>

Определение и использование

Атрибут kind указывает тип текстовой дорожки.


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

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

Атрибут
kind 23.0 10.0 31.0 6.0 12.1

Синтаксис

<track src="subtitles_en.vtt" kind="subtitles" srclang="en">

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

Значение Описание
captions Трек определяет перевод диалогов и звуковых эффектов (подходит для глухих пользователей)
chapters Трек определяет названия глав (подходит для навигации по медиаресурсу)
descriptions Трек определяет текстовое описание видеоконтента (подходит для слепых пользователей)
metadata Трек определяет контент, используемый скриптами. Не виден для пользователя
subtitles Трек определяет субтитры, используемые для отображения субтитров в видео

❮ HTML <track> тег