HTML Audio/Video DOM kan evenement afspelen

❮ HTML Audio/Video DOM-referentie

Voorbeeld

Meld dat de video klaar is om af te spelen:

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

Meer "Probeer het zelf" voorbeelden hieronder.


Definitie en gebruik

De gebeurtenis canplay vindt plaats wanneer de browser kan beginnen met het afspelen van de gespecificeerde audio/video (wanneer deze voldoende gebufferd is om te beginnen).

Tijdens het laadproces van een audio/video vinden de volgende gebeurtenissen plaats, in deze volgorde:

  1. laadstart
  2. duurverandering
  3. geladenmetadata
  4. geladen gegevens
  5. voortgang
  6. kan spelen
  7. kan doorspelen

Browserondersteuning

De cijfers in de tabel geven de eerste browserversie aan die de gebeurtenis volledig ondersteunt.

Event
canplay Yes 9.0 Yes Yes Yes

Syntaxis

In HTML:

<audio|video oncanplay="myScript">

In javascript:

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

In JavaScript, met behulp van de addEventListener()-methode:

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

Technische details

Ondersteunde HTML-tags: <audio> en <video>
Ondersteunde JavaScript-objecten: Audio Video

Meer voorbeelden

Voorbeeld

Waarschuw dat de audio klaar is om af te spelen:

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

❮ HTML Audio/Video DOM-referentie