Html track

Html track

A tag <track> especifica faixas de texto para elementos <audio> ou <video>.

Este elemento é usado para especificar legendas, arquivos de legendas ou outros arquivos contendo texto, que devem estar visíveis durante a reprodução da mídia.

As faixas são formatadas no formato WebVTT (arquivos .vtt).

Veja o exemplo abaixo

<video width="520" height="320" controls>
  <source src="aula.mp4" type="video/mp4">
  <source src="aula.ogg" type="video/ogg">
  <track src="aula_pt.vtt" kind="subtitles" srclang="pt" label="Português">
  <track src="aula_en.vtt" kind="subtitles" srclang="en" label="Inglês">
</video>

Sintaxe

A tag <track> está vazia, o que significa que a tag de fechamento não é necessária. 

Porém em XHTML , a tag <track> deve ser fechada <track/>.

<video width="520" height="320" controls>
  
   <source src="video.mp4" type="video/mp4">
   <source src="video.ogg" type="video/ogg">
   <track src="video_pt.vtt" kind="subtitles" srclang="pt" label="Português">
 
</video>