tutoriais mais recente desenvolvimento web
 

HTML <track> Tag


Exemplo

Um vídeo com dois legenda tracks :

<video width="320" height="240" 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">
  <track src="subtitles_no.vtt" kind="subtitles" srclang="no" label="Norwegian">
</video>

Definição e Uso

O <track> tag especifica texto tracks de elementos de mídia ( <audio> e <video> ).

Este elemento é usado para especificar as legendas, arquivos de legenda ou outros arquivos que contêm texto, que devem ser visíveis quando a mídia está jogando.


Suporte a navegadores

Os números na tabela especificar a primeira versão do browser que suporta totalmente o elemento.

Elemento
<track> 18,0 10.0 31,0 6 15,0

Diferenças entre HTML 4.01 e HTML5

O <track> tag é novo em HTML5.


Atributos opcionais

= Novo em HTML5.

Atributo Valor Descrição
default default Especifica que a track deve ser ativado se as preferências do usuário não indicam que uma outra track seria mais apropriado
kind captions
chapters
descriptions
metadata
subtitles
Especifica o tipo de texto track
label text Especifica o título do texto track
src URL Requeridos. Especifica o URL da track de arquivo
srclang language_code Especifica o idioma dos track dados de texto (necessário se kind="subtitles" )

Atributos globais

O <track> tag também suporta o Global de Atributos em HTML .


Atributos de eventos

O <track> tag também suporta o evento Atributos em HTML .


Páginas relacionadas

Tutorial HTML: HTML5 Vídeo

Tutorial HTML: HTML5 áudio

Referência HTML DOM: Track Objeto


Configurações CSS padrão

Nenhum.