HTML Audio/Video DOM kan afspelen via gebeurtenis

❮ HTML Audio/Video DOM-referentie

Voorbeeld

Waarschuw dat de video helemaal kan worden afgespeeld, zonder te stoppen:

var vid = document.getElementById("myVideo");
vid.oncanplaythrough = function() {
    alert("Can play through video without stopping");
};

Meer "Probeer het zelf" voorbeelden hieronder.


Definitie en gebruik

De gebeurtenis canplaythrough vindt plaats wanneer de browser schat dat deze door de gespecificeerde audio/video kan worden afgespeeld zonder te hoeven stoppen voor buffering.

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
canplaythrough Yes 9.0 Yes Yes Yes

Syntaxis

In HTML:

<audio|video oncanplaythrough="myScript">

In javascript:

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

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

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

Technische details

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

Meer voorbeelden

Voorbeeld

Waarschuw dat de audio helemaal kan worden afgespeeld, zonder te stoppen:

var aud = document.getElementById("myAudio");
aud.oncanplaythrough = function() {
    alert("Can play through audio without stopping");
};

❮ HTML Audio/Video DOM-referentie