HTML Audio/Video DOM DOM- duurverandering Evenement

❮ HTML Audio/Video DOM-referentie

Voorbeeld

Waarschuw dat de duur van de video is gewijzigd:

var vid = document.getElementById("myVideo");
vid.ondurationchange = function() {
    alert("The video duration has changed");
};

Meer "Probeer het zelf" voorbeelden hieronder.


Definitie en gebruik

De gebeurtenis durationchange vindt plaats wanneer de duurgegevens van de opgegeven audio/video worden gewijzigd.

Opmerking: Wanneer een audio/video is geladen, verandert de duur van "NaN" in de werkelijke duur van de audio/video.

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

Syntaxis

In HTML:

<audio|video ondurationchange="myScript">

In javascript:

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

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

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

Technische details

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

Meer voorbeelden

Voorbeeld

Waarschuw dat de duur van de audio is gewijzigd:

var aud = document.getElementById("myAudio");
aud.ondurationchange = function() {
    alert("The audio duration has changed");
};

❮ HTML Audio/Video DOM-referentie