Sobes.tech
Middle

A quali eventi è possibile iscriversi per gli elementi video o audio?

sobes.tech AI

Risposta dell'AI

Puoi iscriverti ai seguenti eventi per gli elementi video o audio:

  • loadstart: Inizia il processo di caricamento della risorsa.
  • progress: La risorsa viene caricata.
  • suspend: Il caricamento è stato sospeso (ad esempio, disconnessione di rete).
  • abort: Il caricamento è stato interrotto dall'utente.
  • error: Si è verificato un errore durante il caricamento o la riproduzione.
  • emptied: Lo stato di rete dell'elemento è vuoto.
  • stalled: Il caricamento dei dati si è bloccato.
  • loadedmetadata: I metadati sono pronti (dimensioni, durata).
  • loadeddata: I dati iniziali per la riproduzione sono pronti.
  • canplay: L'elemento può iniziare la riproduzione, ma potrebbe essere necessario il buffering.
  • canplaythrough: L'elemento può essere riprodotto fino alla fine senza interruzioni per il buffering.
  • playing: La riproduzione è iniziata.
  • play: La riproduzione è stata avviata o ripresa.
  • pause: La riproduzione è stata messa in pausa.
  • waiting: La riproduzione si è fermata a causa della necessità di buffering.
  • seeking: L'utente sta cercando nella timeline.
  • seeked: L'utente ha terminato la ricerca nella timeline.
  • ended: La riproduzione è terminata.
  • durationchange: La durata della risorsa è cambiata.
  • timeupdate: La posizione corrente di riproduzione è cambiata.
  • volumechange: Il volume o lo stato di muto è cambiato.
  • ratechange: La velocità di riproduzione è cambiata.
  • resize: La dimensione del video è cambiata (ad esempio, a causa di una rotazione del dispositivo).
  • cuechange: Le parti attive del testo per la traccia corrente sono cambiate.

Esempio di iscrizione all'evento play:

// Ottieni l'elemento video
const videoElement = document.getElementById('myVideo');

// Iscriviti all'evento 'play'
videoElement.addEventListener('play', () => {
  // Azioni all'inizio della riproduzione
  console.log('Il video ha iniziato a riprodursi');
});