HTML тег <track>

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

Синтаксис

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

Закрывающий тег не обязателен.

Пример

<!DOCTYPE html>
<html>
  <head>
    <title>Заголовок документа</title>
    <style>
      video {
        width: 300px; 
        height: 200px;
        border: 1px solid #666;
      }
    </style>
  </head>
  <body>
    <video controls muted src="/build/videos/arcnet.io(7-sec).mp4">
      <track default kind="subtitles" srclang="en" src="/build/videos/arcnet.io(7-sec).mp4"/>
    </video>
    <p>Некоторая информация о видео</p>
  </body>
</html>

Атрибуты

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

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

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

18+ 10+ 31+ 6+ 15+




Похожие статьи