English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية

Руководство по HTML

Полный список тегов HTML

HTML: <track> тег

Элемент <track> в HTML используется как подэлемент элементов媒体 — <audio> и <video>. Он позволяет指定 текстовые субтитры по времени (или данные, основанные на времени), например, автоматическое обработка субтитров. Форматы субтитров включают формат WebVTT (.vtt-файлы) — формат текстовых субтитров для веб-видео, а также формат TTML (Time-Text Markup Language) — формат времени и текста.

Тип данных, добавляемых тегом track к элементам媒体, устанавливается в атрибуте kind, значениями могут быть subtitles, captions, descriptions, chapters или metadata. Этот элемент указывает на источник файла с текстом, который браузер открывает пользователю при запросе дополнительной информации, содержащий текстовое время.
Два любых подэлемента track в одном media элементе не могут иметь одинаковые атрибуты kind, srclang и label.

Онлайн пример

Видео с двумя субтитрами:

<video width="320" height="240" controls>
  <source src="track.mp4" type="video/mp4">
  <source src="track.ogg" type="video/ogg">
  <track src="track_en.vtt" kind="track" srclang="en" label="English">
  <track src="track_no.vtt" kind="track" srclang="no" label="Norwegian">
</video>

Совместимость браузеров

IEFirefoxOperaChromeSafari

Теги <track> поддерживаются браузерами IE 10, Opera и Chrome.

Определение и инструкции по использованию тега

Тег <track> определяет внешние текстовые дорожки для элементов媒体 (например, <audio> и <video>).

Этот элемент используется для определения файлов субтитров или других файлов, содержащих текст, которые видны при воспроизведении средства массовой информации.

Различия между HTML 4.01 и HTML5

Тег <track> является новым тегом HTML5.

Опциональные свойства

New: новые свойства HTML5.

СвойствоЗначениеОписание
defaultHTML5defaultУстанавливает, что эта дорожка является_EDEFAULT
kindHTML5captions
chapters
descriptions
metadata
subtitles
Устанавливает тип текста текстовой дорожки.
labelHTML5textУстанавливает тег и заголовок текстовой дорожки.
srcHTML5URLОбязателен. Устанавливает URL файла дорожки.
srclangHTML5language_codeУстанавливает язык текста дорожки. Если значение属性 kind равно "subtitles", то этот атрибут обязателен.

Глобальные свойства

Поддержка тега <track> Глобальные свойства HTML.

Свойства событий

Поддержка тега <track> Свойства событий HTML.