Атрибут kind HTML

HTML-атрибут kind определяет тип текстовой дорожки.

Атрибут kind - синтаксис и код

1. Субтитры на разных языках:

<video controls>
  <source src="video.mp4" type="video/mp4">
   <track src="subtitles_en.vtt" kind="subtitles" srclang="en" label="English">
   <track src="subtitles_es.vtt" kind="subtitles" srclang="de" label="German">
</video>

Добавляет субтитры на английском и немецком языках.

2. Субтитры с описанием звуков (captions):

<video controls>
   <source src="video.mp4" type="video/mp4">
   <track src="captions.vtt" kind="captions" srclang="en" label="English Captions" default>
</video>

Показывает не только диалоги, но и описания звуков, например: [шум дождя].

3. Аудиоописание (descriptions):

<video controls>
   <source src="video.mp4" type="video/mp4">
   <track src="descriptions.vtt" kind="descriptions" srclang="en" label="Audio Description">
</video>

Добавляет текстовую дорожку с описанием происходящего на экране для слабовидящих.

4. Главы (chapters):

<video controls>
   <source src="video.mp4" type="video/mp4">
   <track src="chapters.vtt" kind="chapters" srclang="en" label="Chapters">
</video>

Добавляет текстовую дорожку с описанием происходящего на экране для слабовидящих.

5. Метаданные (metadata):

<video controls>
   <source src="video.mp4" type="video/mp4">
   <track src="metadata.vtt" kind="metadata" srclang="en">
</video>

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

Синтаксис

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

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

Атрибут kind используется в элементе <track> для указания типа текстовой дорожки в <video> или <audio>. Он помогает браузеру определить назначение дорожки, что влияет на её обработку.

Доступные значения:

• subtitles – субтитры для зрителей, не дублирующие диалог;
• captions – субтитры с описанием звуков;
• descriptions – аудиоописания для слабовидящих;
• chapters – заголовки глав;
• metadata – служебные данные.

Применимо

Атрибут kind можно использовать для следующего элемента:

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

	✅ Поддерживает
	✅ Поддерживает
	✅ Поддерживает
	✅ Поддерживает
	✅ Поддерживает

Полный список всех доступных атрибутов HTML см. в Справочнике HTML атрибутов.