HTML <track> Tag

Snelmenu:

VoorbeeldVoorbeeld:
<video width="65%" height="55%" controls>
  <source src="demo.mp4" type="video/mp4">
  <source src="demo.ogg" type="video/ogg">
  <track src="nl.vtt" kind="subtitles" srclang="nl" label="Dutch" default>
</video>


Beschrijving

De <track> tag specificeert tekstsporen voor media elementen zoals <audio> en <video>. Deze tag wordt gebruikt om ondertitels, bijschrift of andere bestanden met tekst, op te geven die zichtbaar moeten zijn voor de gebruiker wanneer de media wordt afgespeeld.


Browser ondersteuning

Het element wordt ondersteund door de volgende browsers:

Element:
<track> Ja Ja Ja Ja Ja Ja


Attributen

De volgende attributen worden door het <track> element ondersteund:

Versie Attribuut Waarde Beschrijving
HTML5 default default Met dit attribuut kan je aangeven dat het tekstspoor standaard moet worden ingeschakeld, mits de gebruiker geen voorkeur heeft opgegeven.
HTML5 kind captions
chapters
descriptions
metadata
subtitles
Het kind attribuut geeft aan wat voor soort tekstspoor het betreft.
HTML5 label tekst Dit attribuut definieert een naam voor het tekstspoor die wordt weergegeven aan de gebruiker.
HTML5 src url Dit attribuut bepaalt de locatie van het tekstspoor dat moet worden gebruikt.
HTML5 srclang taal_code Het srclang attribuut specificeert de taal van het tekstspoor. Dit is verplicht als het attribuut kind de waarde subtitles heeft gekregen.


Event attributen

De <track> tag ondersteunt ook de Event attributen in HTML.

Globale attributen

De <track> tag ondersteunt ook de Globale attributen in HTML.


Ad blocker gedetecteerd!
  Ons website heeft gedetecteerd dat u een Ad blocker gebruikt. Codecenter.nl is gratis, wij blijven overeind door het weergeven van advertenties en u kunt ons daarbij helpen. Het wordt aanbevolen om uw Ad blocker uit te schakelen zodat u verder gebruik kunt maken van codecenter.nl, alvast bedankt.