Exemple
Une vidéo avec deux sous - titres 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>
Définition et utilisation
La <track> balise spécifie texte tracks pour les éléments multimédias ( <audio> et <video> ).
Cet élément est utilisé pour spécifier les sous-titres, les fichiers de sous-titres ou d'autres fichiers contenant du texte, qui devrait être visible lorsque le support est en cours de lecture.
support du navigateur
Les chiffres du tableau indiquent la première version du navigateur qui prend en charge totalement l'élément.
Élément | |||||
---|---|---|---|---|---|
<track> | 18,0 | 10.0 | 31,0 | 6.0 | 15.0 |
Différences entre HTML 4.01 et HTML5
La <track> tag est nouvelle en HTML5.
Attributs facultatifs
= Nouveau en HTML5.
Attribut | Valeur | La description |
---|---|---|
default | default | Indique que la track doit être activée si les préférences de l'utilisateur ne montrent pas qu'une autre track serait plus approprié |
kind | captions chapters descriptions metadata subtitles | Indique le type de texte track |
label | text | Indique le titre du texte track |
src | URL | Obligatoire. Indique l'URL de la track fichier |
srclang | language_code | Indique la langue des track de données de texte (obligatoire si kind="subtitles" ) |
Attributs globaux
La <track> tag soutient également le attributs globaux en HTML .
Attributs de l'événement
La <track> tag soutient également l' événement Attributs en HTML .
Pages associées
HTML tutoriel: HTML5 Video
HTML tutoriel: HTML5 Audio
Référence HTML DOM: Track Object
Paramètres par défaut de CSS
Aucun.