HTML Audio/Video DOM può riprodurre eventi

❮ Riferimento DOM audio/video HTML

Esempio

Avvisa che il video è pronto per iniziare la riproduzione:

var vid = document.getElementById("myVideo");
vid.oncanplay = function() {
    alert("Can start playing video");
};

Altri esempi "Provalo da solo" di seguito.


Definizione e utilizzo

L'evento canplay si verifica quando il browser può avviare la riproduzione dell'audio/video specificato (quando è stato memorizzato abbastanza per iniziare).

Durante il processo di caricamento di un audio/video, si verificano i seguenti eventi, in questo ordine:

  1. avvio di caricamento
  2. cambio di durata
  3. metadati caricati
  4. dati caricati
  5. progresso
  6. posso giocare
  7. canplaythrough

Supporto browser

I numeri nella tabella specificano la prima versione del browser che supporta completamente l'evento.

Event
canplay Yes 9.0 Yes Yes Yes

Sintassi

In HTML:

<audio|video oncanplay="myScript">

In JavaScript:

audio|video.oncanplay=function(){myScript};

In JavaScript, utilizzando il metodo addEventListener():

audio|video.addEventListener("canplay", myScript);

Dettagli tecnici

Tag HTML supportati: <audio> e <video>
Oggetti JavaScript supportati: Audio video

Altri esempi

Esempio

Avvisa che l'audio è pronto per iniziare la riproduzione:

var aud = document.getElementById("myAudio");
aud.oncanplay = function() {
    alert("Can start playing audio");
};

❮ Riferimento DOM audio/video HTML