Na jakie wydarzenia można się subskrybować dla elementów video lub audio?

Możesz subskrybować następujące zdarzenia dla elementów video lub audio:

• loadstart: Rozpoczyna się proces ładowania zasobu.
• progress: Zasób jest ładowany.
• suspend: Ładowanie zostało zawieszone (np. odłączenie sieci).
• abort: Ładowanie zostało przerwane przez użytkownika.
• error: Wystąpił błąd podczas ładowania lub odtwarzania.
• emptied: Stan sieci elementu jest pusty.
• stalled: Ładowanie danych zostało zatrzymane.
• loadedmetadata: Metadane są gotowe (wymiary, czas trwania).
• loadeddata: Dane początkowe do odtwarzania są gotowe.
• canplay: Element może rozpocząć odtwarzanie, ale może być konieczne buforowanie.
• canplaythrough: Element może odtwarzać do końca bez zatrzymywania się na buforowanie.
• playing: Odtwarzanie się rozpoczęło.
• play: Odtwarzanie zostało rozpoczęte lub wznowione.
• pause: Odtwarzanie zostało wstrzymane.
• waiting: Odtwarzanie zatrzymało się z powodu konieczności buforowania.
• seeking: Użytkownik przesuwa się po osi czasu.
• seeked: Użytkownik zakończył przesuwanie po osi czasu.
• ended: Odtwarzanie zakończyło się.
• durationchange: Czas trwania zasobu się zmienił.
• timeupdate: Aktualna pozycja odtwarzania się zmieniła.
• volumechange: Głośność lub stan wyciszenia się zmieniły.
• ratechange: Prędkość odtwarzania się zmieniła.
• resize: Rozmiar wideo się zmienił (np. w wyniku zmiany orientacji urządzenia).
• cuechange: Aktywne części tekstu dla bieżącego utworu się zmieniły.

Przykład subskrypcji zdarzenia play:

// Pobierz element video
const videoElement = document.getElementById('myVideo');

// Subskrybuj zdarzenie 'play'
videoElement.addEventListener('play', () => {
  // Działania na początku odtwarzania
  console.log('Wideo rozpoczęło odtwarzanie');
});