Encodera

Спасибо, что читаете!

Пожертвуйте сайту, мы стараемся ради вас.

Справочник HTML & CSS

<track>

Подключает к видео субтитры или главы.

Синтаксис

<track kind="subtitles" src="subs.vtt" srclang="en" label="English">

Атрибуты

ПараметрТипОписание
srcURLФайл субтитров в формате WebVTT (`.vtt`).
kindsubtitles | captions | chaptersТип дорожки.
srclanglanguage codeЯзык дорожки.
labeltextНазвание в меню плеера.
default—Необязательный. Включить дорожку сразу.

Примеры

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

<video controls width="320">
  <source src="/media/flower.mp4" type="video/mp4">
  <track kind="subtitles" src="/media/flower-en.vtt" srclang="en" label="English" default>
  <track kind="subtitles" src="/media/flower-de.vtt" srclang="de" label="Deutsch">
</video>

Примечания

Субтитры — это файл .vtt с таймкодами и текстом. Он должен лежать на том же сайте, что и страница, иначе браузер его не загрузит. captions отличаются от subtitles тем, что описывают и звуки, — это важно для глухих зрителей.

См. также

  • <video> — Встраивает видео в страницу.
  • <audio> — Встраивает аудиоплеер.

Вопросы и ответы по теме

В учебнике

  • Аудио и видео — Теги video и audio, панель управления controls, автозапуск, повтор, несколько форматов через source и субтитры.

Спасибо, что читаете!

Пожертвуйте сайту, мы стараемся ради вас.