Op welke gebeurtenissen kunt u zich abonneren voor video- of audio-elementen?

Je kunt je abonneren op de volgende gebeurtenissen voor video of audio elementen:

• loadstart: Het laden van de bron begint.
• progress: De bron wordt geladen.
• suspend: Het laden is onderbroken (bijvoorbeeld netwerkverbinding verbroken).
• abort: Het laden is afgebroken door de gebruiker.
• error: Er is een fout opgetreden tijdens het laden of afspelen.
• emptied: De netwerkstatus van het element is leeg.
• stalled: Het laden van gegevens is gestopt.
• loadedmetadata: De metadata is klaar (afmetingen, duur).
• loadeddata: De initiële gegevens voor afspelen zijn klaar.
• canplay: Het element kan beginnen met afspelen, maar buffering kan nodig zijn.
• canplaythrough: Het element kan tot het einde worden afgespeeld zonder te stoppen voor buffering.
• playing: Het afspelen is begonnen.
• play: Het afspelen is gestart of hervat.
• pause: Het afspelen is gepauzeerd.
• waiting: Het afspelen is gestopt vanwege buffering.
• seeking: De gebruiker zoekt in de tijdlijn.
• seeked: De gebruiker heeft de zoektocht in de tijdlijn voltooid.
• ended: Het afspelen is voltooid.
• durationchange: De duur van de bron is gewijzigd.
• timeupdate: De huidige afspeelpositie is gewijzigd.
• volumechange: Het volume of de mute-stand is gewijzigd.
• ratechange: De afspeelsnelheid is gewijzigd.
• resize: De grootte van de video is gewijzigd (bijvoorbeeld door apparaatoriëntatie).
• cuechange: De actieve tekstgedeelten voor het huidige spoor zijn gewijzigd.

Voorbeeld van inschrijving op het play-evenement:

// Het video-element ophalen
const videoElement = document.getElementById('myVideo');

// Inschrijven op het 'play'-evenement
videoElement.addEventListener('play', () => {
  // Acties bij het begin van afspelen
  console.log('Video is begonnen met afspelen');
});