HTML-Referenzhandbuch

Vollständiges Verzeichnis der HTML-Tags

HTML Audio/Video-DOM durationchange-Ereignis

Wenn die duration-Eigenschaft aktualisiert wurde, wird das Ereignis 'durationchange' ausgelöst.

Online-Beispiel

Hinweis: Die Video-Dauer hat sich geändert:

Beispiel

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>HTML-Audio/Verwendung des Video-durationchange-Ereignisses-Grundlagen-Tutorial(oldtoolbag.com)</title>
</head>
<body>
<video id="video1" controls="controls">
　　<source src="movie.mp4" type="video/mp4">
　　<source src="movie.ogg" type="video/ogg">
　　Ihr Browser unterstützt keine HTML5　video-Tag.
</video>
<script>
myVid=document.getElementById("video1");
myVid.ondurationchange=alert("Die Video-Dauer hat sich geändert");
</script>　
</body>
</html>

Testen Sie heraus, ob ‹/›

Definition und Verwendung

Wenn die angegebene Audio/Wenn die Dauerdaten des Videos geändert werden, wird das Ereignis 'durationchange' ausgelöst.
Beachten Sie: Beim Laden des Audios/Nach dem Video wird die Dauer von 'NaN' auf die Dauer des Audios geändert/Tatsächliche Dauer des Videos.

Wenn der Audio/Wenn das Video geladen wird, treten in der Reihenfolge die folgenden Ereignisse auf:

Browserkompatibilität

IEFirefoxOperaChromeSafari

Alle gängigen Browser unterstützen das Event 'durationchange'.

Note:Internet Explorer 8 and earlier versions do not support this event.

Syntax

In HTML:

<audio|video ondurationchange="SomeJavaScriptCode">

In JavaScript:

audio|video.ondurationchange=SomeJavaScriptCode;

Use addEventListener():

audio|video.addEventListener("durationchange", function()
　 {
　 //SomeJavaScriptCode
　 }
);

Technical Details

The following HTML tags support:	<audio>, <video>
The following JavaScript objects support:	Audio, Video

More Examples

Use the ondurationchange attribute on HTML elements

Use addEventListener() to listen to the durationchange event

　HTML Audio/Video DOM Reference Manual

HTML: <template> Tag