Los últimos tutoriales de desarrollo web
 

HTML <track> Tag


Ejemplo

Un video con subtítulos dos 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>

Definición y Uso

La <track> etiqueta especifica texto tracks para elementos multimedia ( <audio> y <video> ).

Este elemento se utiliza para especificar los subtítulos, archivos de subtítulos u otros archivos que contienen texto, que deben ser visibles cuando los medios de comunicación se está reproduciendo.


Soporte para el navegador

Los números de la tabla especifican la primera versión del navegador que es totalmente compatible con el elemento.

Elemento
<track> 18.0 10.0 31.0 6.0 15.0

Diferencias entre HTML 4.01 y HTML5

La <track> etiqueta es nueva en HTML5.


Atributos opcionales

= Nuevo en HTML5.

Atributo Valor Descripción
default default Especifica que la track se va a activar si las preferencias del usuario no indican que otra track sería más apropiado
kind captions
chapters
descriptions
metadata
subtitles
Especifica el tipo de texto track
label text Especifica el título del texto track
src URL Necesario. Especifica la dirección URL de la track de archivos
srclang language_code Especifica el lenguaje de las track datos de texto (si es necesario kind="subtitles" )

Los atributos globales

La <track> etiqueta también es compatible con el de los atributos globales en HTML .


Atributos de eventos

La <track> etiqueta también es compatible con la atributos de eventos en HTML .


Páginas relacionadas

Tutorial de HTML: HTML 5 video

Tutorial de HTML: HTML 5 audio

Referencia HTML DOM: Track de objetos


Ajustes por defecto CSS

Ninguna.