Le tag <track> est utilisé pour spécifier une piste de texte pour les éléments multimédias <audio> et <video>, qui contient généralement des sous-titres dans différentes langues, des commentaires, des rubriques, etc.

L’élément <track> est un élément enfant pour les tags <audio> et <video>.

Syntaxe

<[audio | video]>
  ...
   <track src="...">
  ...
</[audio | video]>

Le tag fermant n’est pas requis.

Exemple

<!DOCTYPE html>
<html>
  <head>
    <title>Titre du document</title>
    <style>
      video {
        width: 300px; 
        height: 200px;
        border: 1px solid #666;
      }
    </style>
  </head>
  <body>
    <video controls muted src="/build/videos/arcnet.io(7-sec).mp4">
      <track default kind="subtitles" srclang="en" src="/build/videos/arcnet.io(7-sec).mp4"/>
    </video>
    <p>Quelque information sur le vidéo</p>
  </body>
</html>

Attributs

Attribut Valeur Description
default default Indique, que la piste donné doit être activé par défaut. Un chemin uniquement peut avoir l’attribut default.
kind Spécifie l'apparence de la piste de texte.
captions - la traduction de dialogue et effets sonores
chapters - noms de titres pour une navigation rapide dans la vidéo ou l'audio
descriptions - description textuelle du contenu vidéo
metadata - contenu utilisé par les scripts (non visible pour les utilisateurs)
subtitles - sous-titres fournissant une traduction de contenu
label text Indique le titre de la piste de texte.
src URL Inique le fichier URL de la piste.
srclang language_code Indique la langue du texte de la piste ( requis, si kind = "subtitles" ).

Le tag <track> supporte également les Attributs globaux et les Attributs d'événements.

Support de Navigateurs

chrome firefox safari opera
18+ 31+ 6+ 15+

Pratiquez vos connaissances

What is the function of the <track> tag in HTML?
Trouvez-vous cela utile?