<track>
Позволяет авторам указать текстовую дорожку для медийных элементов <audio> и <video>. Такая дорожка обычно содержит субтитры на разных языках, комментарии, заголовки и др.
Закрывающий тег не требуется
<audio>
<track>
</audio>
<video>
<track>
</video>
- kind
-
Указывает тип дорожки:
- kind=captions содержит диалоги и описание эффектов и музыки. Предназначена для пользователей, которые не могут прослушивать звуковую дорожку видео файла
- kind=chapters содержит названия глав. Предназначена для создания навигационных меню в аудио и видео файлах
- kind=descriptions содержит видео дорожки видео файла. Предназначено для пользователей, которые не могут просматривать видео дорожку
- kind=metadata - предназначено для использования скриптами
- kind=subtitles - предназначены для дублирования звуковой дорожки фильма в виде текста на языке оригинала на других языках для тех, кто не знаком с языком оригинала
- src
- Путь к файлу с дорожкой.
- srclang
- Язык дорожки. См. коды языков.
- label
- Отображаемое название дорожки. Если этот атрибут не указан, браузер станет использовать значение, которое применяется у него по умолчанию, например «untitled1».
- default
- Наличие этого атрибута указывает, что данная дорожка предпочтительна и должна быть выбрана по умолчанию. Только одна дорожка может иметь атрибут default.
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Тег track</title>
</head>
<body>
<video width="800" height="600" controls>
<source src="video/rolik.ogv" type='video/ogg; codecs="theora, vorbis"'>
<source src="video/rolik.mp4" type='video/mp4; codecs="avc1.42E01E, mp4a.40.2"'>
<source src="video/rolik.webm" type='video/webm; codecs="vp8, vorbis"'>
<track kind="subtitles" src="video/rolik_en.srt" srclang="en" label="English">
<track kind="subtitles" src="video/rolik_fr.srt" srclang="fr" label="Français">
<track kind="subtitles" src="video/rolik_ru.srt" srclang="ru" label="Русский">
Тег video не поддерживается вашим браузером.
</video>
</body>
</html>
Результат примера показан на рисунке ниже:
