Gli ultimi tutorial di sviluppo web
 

HTML <track> Tag


Esempio

Un video con due sottotitoli 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>

Definizione e utilizzo

Il <track> tag specifica di testo tracks di elementi multimediali ( <audio> e <video> ).

Questo elemento viene utilizzato per specificare i sottotitoli, file di sottotitoli o altri file contenenti testo, che dovrebbero essere visibili quando il supporto è in riproduzione.


Supporto per il browser

I numeri nella tabella indicano la prima versione del browser che supporta pienamente l'elemento.

Elemento
<track> 18,0 10.0 31,0 6.0 15.0

Differenze tra HTML 4.01 e HTML5

Il <track> tag è nuovo in HTML5.


Attributi opzionali

= Nuovo in HTML5.

Attributo Valore Descrizione
default default Specifica che la track deve essere abilitata se le preferenze dell'utente non indicano che un'altra track sarebbe più appropriato
kind captions
chapters
descriptions
metadata
subtitles
Specifica il tipo di testo track
label text Specifica il titolo del testo track
src URL Richiesto. Specifica l'URL della track di file
srclang language_code Specifica la lingua dei track dati di testo (richiesto se kind="subtitles" )

attributi globali

Il <track> tag supporta anche l' Attributi globali in HTML .


Attributi eventi

Il <track> tag supporta anche l' evento Attributi in HTML .


Pagine correlate

HTML tutorial: HTML5 Video

HTML tutorial: HTML5 Audio

Di riferimento HTML DOM: Track oggetto


Impostazioni predefinite CSS

Nessuna.