Меню
×
   ❮     
HTML CSS JAVASCRIPT SQL PYTHON PHP КАК
     ❯   

HTML Справочник


HTML Теги



HTML Тег <track>



Пример

Видео с дорожками субтитров на двух языках:

<video width="320" height="240" controls>
  <source src="forrest_gump.mp4" type="video/mp4">
  <source src="forrest_gump.ogg" type="video/ogg">
  <track src="fgsubtitles_en.vtt" kind="subtitles" srclang="en" label="Английский">
  <track src="fgsubtitles_no.vtt" kind="subtitles" srclang="no" label="Норвежский">
</video>

Определение и использование

Тег <track> указывает текстовые дорожки для элементов <audio> или <video>.

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

Дорожки форматируются в формате WebVTT (файлы .vtt).


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

Числа в таблице указывают первую версию браузера, которая полностью поддерживает элемент.

Элемент
<track> 23.0 10.0 31.0 6.0 12.1

Необязательные атрибуты

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

Глобальные атрибуты

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


Событийные атрибуты

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


Похожие страницы

Учебник HTML: HTML Видео

Учебник HTML: HTML Аудио

Справочник HTML DOM: Track Object


Настройки CSS по умолчанию

Отсутствуют.



×

Связаться с отделом продаж

Если вы хотите использовать услуги schoolsw3 как образовательное учреждение, команда или предприятие, отправьте нам электронное письмо:
sales@schoolsw3.com

Сообщить об ошибке

Если вы хотите сообщить об ошибке или внести предложение, отправьте нам электронное письмо:
help@schoolsw3.com

Schoolsw3 оптимизирован для обучения и подготовки. Примеры могут быть упрощены для улучшения чтения и обучения. Учебники, ссылки и примеры постоянно проверяются, чтобы избежать ошибок, но мы не можем гарантировать полную правильность всего контента.
При использовании Schoolsw3 вы соглашаетесь прочитать и принять наши условия использования,
политику использования файлов cookie и конфиденциальности.

Авторское право 1999- © Copyright. Все права защищены. Schoolsw3 работает на SW3.CSS.