Самоучитель HTML Справочник HTML Глобальные атрибуты События Типы элементов Таблица цветов Спецсимволы HTML Коды языков
Теги HTML

HTML тег <track>

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

12.0+ 10.0+ 31.0+ 18.0+ 15.0+ 6.0+

Описание

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

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

Атрибуты

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

Стиль по умолчанию

Нет.

Пример

<video width="320" height="240" controls="controls">
  <source src="forrest_gump.mp4" type="video/mp4">
  <source src="forrest_gump.ogg" type="video/ogg">
  <track src="subtitles_en.vtt" kind="subtitles" srclang="en" label="English">
</video>
Копирование материалов с данного сайта возможно только с разрешения администрации сайта
и при указании прямой активной ссылки на источник.
2011 – 2024 © puzzleweb.ru | razumnikum.ru

Реклама на сайте | puzinfo@puzzleweb.ru | ruen