Tag HTML <track>
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
|
|
|
|
|---|---|---|---|
| 18+ | 31+ | 6+ | 15+ |
Pratiquez vos connaissances
What is the function of the <track> tag in HTML?
Correcte!
Incorrecte!