Balise HTML `<track>`

La balise <track> fait partie des éléments HTML5. Elle définit des sous-titres, des légendes, des descriptions, des chapitres ou des métadonnées pour un élément média <audio> ou <video>.

L'attribut kind définit le type de piste de texte. L'élément pointe vers un fichier source contenant du texte synchronisé qui s'affiche dans le navigateur lorsque l'utilisateur demande des informations supplémentaires. Pour les sous-titres et les légendes, ce fichier doit être au format WebVTT (.vtt).

Un élément média ne peut pas avoir plus d'une piste portant le même label, srclang et kind.

Syntaxe

La balise <track> est vide, ce qui signifie que la balise de fermeture n'est pas obligatoire. Cependant, dans XHTML, la balise <track> doit être auto-fermante (<track />).

Balise HTML <track>

html

<audio> or <video>
  ...
  <track src="...">
  ...
</audio> or </video>

Exemple de la balise HTML `<track>` :

Balise HTML <track>

html

<!DOCTYPE html>
<html>
  <head>
    <title>Title of the document</title>
    <style>
      video {
        width: 300px; 
        height: 200px;
        border: 1px solid #666;
      }
    </style>
  </head>
  <body>
    <video controls muted src="https://fr.w3docs.com/build/videos/arcnet.io(7-sec).mp4">
      <track default kind="subtitles" srclang="en" src="https://fr.w3docs.com/build/videos/arcnet.io(7-sec).vtt"/>
    </video>
    <p>Some information about video</p>
  </body>
</html>

Try it Yourself »

Attributs

Attribut	Valeur	Description
`default`	`default`	Spécifie que la piste doit être activée, sauf si les préférences de l'utilisateur indiquent qu'une autre piste est plus appropriée. Une seule piste par élément média peut posséder cet attribut.
`kind`	`captions<br>chapters<br>descriptions<br>metadata<br>subtitles`	Définit le type de piste de texte.
`label`	`text`	Spécifie un titre lisible par l'utilisateur pour la piste de texte.
`src`	`URL`	Définit le chemin vers le fichier de piste.
`srclang`	`language_code`	Définit la langue des données textuelles de la piste (doit être défini si `kind` = `"subtitles"`).

La balise <track> prend également en charge les Attributs globaux et les Attributs d'événement.

Pratique

Quelle est la fonctionnalité de la balise HTML <track> ?

Elle est utilisée à l'intérieur d'une balise <audio> pour spécifier une piste audio.Elle fournit des pistes de texte pour les éléments média (<video> et <audio>).Elle est utilisée pour spécifier des sous-titres, des fichiers de légendes ou d'autres fichiers contenant du texte, qui doivent être visibles lors de la lecture du média.Elle est utilisée pour ajouter une feuille de style CSS à un document HTML.

Balise HTML <track> ​

Syntaxe ​

Exemple de la balise HTML <track> : ​

Attributs ​

Pratique ​

Balise HTML `<track>`

Syntaxe

Exemple de la balise HTML `<track>` :

Attributs

Pratique