Тег <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+ | 31+ | 6+ | 15+ |
Практикуйте свои знания
Какую роль исполняет тег <track> в HTML?
Правильный!
Неправильно!