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.