HTML-Referenzhandbuch

Vollständiges Verzeichnis der HTML-Tags

HTML Audio/Video-DOM-Fortschrittsereignis

Wenn der Browser Ressourcen lädt, wird das progress-Ereignis regelmäßig ausgelöst.

Online-Beispiel

Hinweis: Das Video wird geladen:

Beispiel

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>HTML-Audio/Verwendung des Video-onprogress-Ereignisses-Grund教程(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 keine5　video-Tag.
</video>
<script>
myVid=document.getElementById("video1");
myVid.onprogress=alert("Video wird heruntergeladen");
</script>　
</body>
</html>

Testen Sie es heraus ‹/›

Definition und Verwendung

wenn der Browser das angegebene Audio herunterlädt/wird ein Fortschrittsereignis ausgelöst.
Bei Audio/Während des Ladens des Videos treten die folgenden Ereignisse in dieser Reihenfolge auf:

Browser-Kompatibilität

IEFirefoxOperaChromeSafari

All major browsers support the progress event.

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

Syntax

In HTML:

<audio|video onprogress="SomeJavaScriptCode">

In JavaScript:

audio|video.onprogress=SomeJavaScriptCode;

Use addEventListener():

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

Technical Details

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

More Examples

Use the onprogress attribute on HTML elements

Use addEventListener() to listen to the progress event

　HTML Audio/Video DOM Reference Manual

HTML: <template> Tag