HTML Referenzhandbuch

Vollständiges Verzeichnis der HTML-Tags

HTML Audio/Video DOM canplaythrough Ereignis

Das Ereignis canplaythrough wird ausgelöst, wenn das Endgerät das Mediendatei abspielen kann, und es wird geschätzt, dass genügend Daten geladen wurden, um das Medium bis zu seinem Ende abzuspielen, ohne das Buffering zu stoppen, um weitere Inhalte zu puffern.

　HTML Audio/Video DOM Reference Manual

Online-Beispiel

Erinnern Sie sich daran, dass das Video durchgehend abgespielt werden kann, ohne zu stoppen:

Beispiel

!DOCTYPE　html>
<html>
<head>
<meta　charset="utf-8">
<title>HTML　Audio/Verwendung des Video-oncanplaythrough-Ereignisses-Grundlagenkurs(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.oncanplaythrough=alert("Can　play　through　video　without　stopping");
</script>　
</body>
</html>

Testen Sie heraus, ob ‹/›

Definition und Verwendung

Wenn der Browser schätzt, dass er das angegebene Audio abspielen kann/das Video abspielt, ohne das Buffering zu stoppen, tritt das Ereignis canplaythrough auf.

Wenn Audio/Wenn das Video im Ladevorgang ist, treten in der folgenden Reihenfolge Ereignisse auf:

Browserkompatibilität

IEFirefoxOperaChromeSafari

Alle gängigen Browser unterstützen das canplaythrough-Ereignis.

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

Syntax

In HTML:

<audio|video oncanplaythrough="SomeJavaScriptCode">

In JavaScript:

audio|video.oncanplaythrough=SomeJavaScriptCode;

Use addEventListener():

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

Technical Details

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

More Examples

Use the oncanplaythrough attribute on HTML elements

Use addEventListener() to listen to the canplaythrough event

　HTML Audio/Video DOM Reference Manual

HTML: <template> Tag