Справочник HTML

HTML (от англ. HyperText Markup Language — «язык гипертекстовой разметки») — стандартизированный язык разметки документов

Перед вами самый полный справочник по HTML тегам и языку разметки HTML документов. Он будет полезен как новичкам так и профессионалам

Тег <track>

Позволяет авторам указать текстовую дорожку для медийных элементов <audio> и <video>. Такая дорожка обычно содержит субтитры на разных языках, комментарии, заголовки и др.

поддержка браузерами:
IExplorerChromeOperaSafariFirefoxAndroidiOS
10.0+23.0+12.10+6.0+XXX
спецификация:
HTML:3.24.015.0
XHTML:1.01.1
синтаксис:
<audio>
  <track kind | src | srclang | label | default>
</audio>

<video>
  <track kind | src | srclang | label | default>
</video>
закрывающий тег:
Не нужен
пример кода:
<!DOCTYPE html>
<html>
 <head>
  <meta charset="utf-8">
  <title>track</title>
 </head>
 <body>
  <video width="500" height="400" controls>
    <source src="video/jane.ogv" type='video/ogg; codecs="theora, vorbis"'>
    <source src="video/jane.mp4" type='video/mp4; codecs="avc1.42E01E, mp4a.40.2"'>
    <source src="video/jane.webm" type='video/webm; codecs="vp8, vorbis"'>
    <track kind="subtitles" src="video/jane.en.srt" srclang="en" label="English">
    <track kind="subtitles" src="video/jane.ua.srt" srclang="uk" label="Український">
    <track kind="subtitles" src="video/jane.ru.srt" srclang="ru" label="Русский">
     Тег video не поддерживается вашим браузером.
  </video>
 </body>
</html>

Содержимое файла jane.en.wtt в формате субтитров WebVTT приведено в примере 2.

WEBVTT

00:00.360 --> 00:01.240
  Soldier Jane.

00:01.240 --> 00:02.240
  Rescue from radiation.

00:02.240 --> 00:04.000
  Watermelon is better defense.
примечание:

Наилучшую поддержку показывает браузер IE, который позволяет переключать язык субтитров и корректно отображает их.