Etiqueta HTML `<track>`

La etiqueta <track> es uno de los elementos HTML5. Define subtítulos, leyendas, descripciones, capítulos o metadatos para un elemento multimedia de <audio> o <video>.

El atributo kind define el tipo de pista de texto. El elemento apunta a un archivo de origen que contiene texto sincronizado que el navegador muestra cuando el usuario solicita información adicional. Para subtítulos y leyendas, este archivo debe ser un WebVTT (.vtt).

Un elemento multimedia no puede contener más de una pista con el mismo label, srclang y kind.

Sintaxis

La etiqueta <track> es vacía, lo que significa que no se requiere la etiqueta de cierre. Sin embargo, en XHTML, la etiqueta <track> debe ser autocierrante (<track />).

Etiqueta HTML <track>

html

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

Ejemplo de la etiqueta HTML `<track>`:

Etiqueta 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://es.w3docs.com/build/videos/arcnet.io(7-sec).mp4">
      <track default kind="subtitles" srclang="en" src="https://es.w3docs.com/build/videos/arcnet.io(7-sec).vtt"/>
    </video>
    <p>Some information about video</p>
  </body>
</html>

Try it Yourself »

Atributos

Atributo	Valor	Descripción
`default`	`default`	Especifica que la pista debe estar habilitada a menos que las preferencias del usuario indiquen que otra pista es más apropiada. Solo una pista por elemento multimedia puede tener este atributo.
`kind`	`captions<br>chapters<br>descriptions<br>metadata<br>subtitles`	Define el tipo de pista de texto.
`label`	`text`	Especifica un título legible por el usuario para la pista de texto.
`src`	`URL`	Establece la ruta al archivo de la pista.
`srclang`	`language_code`	Establece el idioma de los datos de texto de la pista (debe definirse si `kind` = `"subtitles"`).

La etiqueta <track> también admite los atributos globales y los atributos de eventos.

Práctica

¿Cuál es la funcionalidad de la etiqueta HTML <track>?

Se utiliza dentro de una etiqueta <audio> para especificar una pista de audio.Proporciona pistas de texto para elementos multimedia (<video> y <audio>).Se utiliza para especificar subtítulos, archivos de leyendas u otros archivos que contienen texto, que deben ser visibles mientras se reproduce el medio.Se utiliza para agregar una hoja de estilos CSS a un documento HTML.

Etiqueta HTML <track> ​

Sintaxis ​

Ejemplo de la etiqueta HTML <track>: ​

Atributos ​

Práctica ​

Etiqueta HTML `<track>`

Sintaxis

Ejemplo de la etiqueta HTML `<track>`:

Atributos

Práctica