Auf welche Ereignisse kann man sich für Video- oder Audioelemente abonnieren?

Sie können sich auf folgende Ereignisse für Elemente video oder audio abonnieren:

• loadstart: Der Ladevorgang der Ressource beginnt.
• progress: Die Ressource wird geladen.
• suspend: Das Laden wurde unterbrochen (z.B. Netzwerkverbindung getrennt).
• abort: Das Laden wurde vom Benutzer abgebrochen.
• error: Beim Laden oder Abspielen ist ein Fehler aufgetreten.
• emptied: Der Netzwerkstatus des Elements ist leer.
• stalled: Das Laden der Daten wurde gestoppt.
• loadedmetadata: Die Metadaten sind bereit (Größen, Dauer).
• loadeddata: Die Anfangsdaten für die Wiedergabe sind bereit.
• canplay: Das Element kann mit der Wiedergabe beginnen, möglicherweise ist Buffering erforderlich.
• canplaythrough: Das Element kann bis zum Ende wiedergeben, ohne für Buffering anzuhalten.
• playing: Die Wiedergabe hat begonnen.
• play: Die Wiedergabe wurde gestartet oder fortgesetzt.
• pause: Die Wiedergabe wurde pausiert.
• waiting: Die Wiedergabe wurde gestoppt, weil Buffering erforderlich ist.
• seeking: Der Benutzer sucht in der Zeitleiste.
• seeked: Der Benutzer hat die Suche in der Zeitleiste beendet.
• ended: Die Wiedergabe ist beendet.
• durationchange: Die Dauer der Ressource hat sich geändert.
• timeupdate: Die aktuelle Wiedergabeposition hat sich geändert.
• volumechange: Die Lautstärke oder der Stummschaltstatus hat sich geändert.
• ratechange: Die Wiedergabegeschwindigkeit hat sich geändert.
• resize: Die Größe des Videos hat sich geändert (z.B. durch Geräteorientierung).
• cuechange: Die aktiven Textteile für den aktuellen Track haben sich geändert.

Beispiel für die Abonnierung des play-Events:

// Video-Element abrufen
const videoElement = document.getElementById('myVideo');

// Abonnieren des 'play'-Events
videoElement.addEventListener('play', () => {
  // Aktionen beim Beginn der Wiedergabe
  console.log('Video beginnt mit der Wiedergabe');
});