Синтаксис

<audio>
    <track>
<audio>

или

<video>
    <track>
</video>

Описание

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

Такая дорожка обычно содержит субтитры на разных языках, комментарии, заголовки и др.

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

Атрибуты

Атрибут Значение Описание
default default

Указывает, что данная дорожка должна быть включена по умолчанию.
Только одна дорожка может иметь атрибут default

kind captions
chapters
descriptions
metadata
subtitles
Определяет вид текстовой дорожки
label текст Указывает заголовок текста дорожки
src URL-адрес Указывает URL-адрес файла дорожки
srclang код языка

Указывает язык текста дорожки.

Используется, если атрибут kind = "subtitles"

Пример

HTML-код:

<!DOCTYPE html>
<html lang="ru">
<head>
    <meta charset="UTF-8">
    <title>Тег track</title>
</head>
<body>
    <video controls>
        <source src="video/fan.ogv" type='video/ogg'>

        <source src="video/fan.mp4" type='video/mp4'>
        <track kind="subtitles" src="video/fan.ru.vtt" srclang="ru" label="Русский" default>
        <track kind="subtitles" src="video/fan.en.vtt" srclang="en" label="English">
    </video>
</body>
</html>

Отображение в браузере:

Параметры CSS по умолчанию

Нет.

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

Элемент

Chrome

Chrome

Opera

Opera

Firefox

Firefox

Safari

Safari

Microsoft Edge

Microsoft Edge

<track> Да Да Да Да Да

Комментарии

Оставить комментарий:
* отправляя форму, я даю согласие на обработку персональных данных