HTML Referenzhandbuch

Vollständiges Verzeichnis der HTML-Tags

HTML Audio/Video DOM ratechange Ereignis

Nach der Änderung der Wiedergabegeschwindigkeit wird das Ereignis ratechange ausgelöst.

Online-Beispiel

Ändern Sie die Wiedergabegeschwindigkeit des Videos und warnen Sie vor der Änderung der Geschwindigkeit:

Beispiel

!DOCTYPE html
<html>
<head>
<meta charset="utf-8">
<title>HTML Audio/Verwendung des video-onratechange-Ereignisses-Grund教程(oldtoolbag.com)</title>
</head>
<body>
<p>In diesem Beispiel verwenden wir den HTML DOM, um dem video-Element das "onratechange"-Ereignis hinzuzufügen. Der playbackRate-Attribut wird verwendet, um die Wiedergabegeschwindigkeit des Videos zu ändern.</p>
<video id="myVideo" width="320" height="176" autoplay controls>
　　<source src="mov_bbb.mp4" type="video/mp4">
　　<source src="mov_bbb.ogg" type="video/ogg">
　　Ihr Browser unterstützt HTML5　video-Tag.
</video>
<br>
<button onclick="setPlaySpeed()" type="button">Video in langsamer Geschwindigkeit abspielen</button>
<script>
//　Das <video>-Element mit id="myVideo" wird abgerufen
var vid = document.getElementById("myVideo");
//　Stellen Sie die Wiedergabegeschwindigkeit des Videos auf 0 ein.3　(Langsam)
function setPlaySpeed()　
{　
　　　　vid.playbackRate = 0.3;
}　
//　Fügen Sie dem <video>-Element das Ereignis ratechange hinzu, um die Funktion auszuführen, wenn sich die Wiedergabegeschwindigkeit des Videos ändert, und die Funktion blendet eine Meldungstextinformation ein.
vid.onratechange = function()　
{
　　　　myFunction()
};
function myFunction()　
{
　　　　alert("onratechange-Ereignis wird ausgelöst　-　Die Wiedergabegeschwindigkeit des Videos wurde geändert");
}
</script>　
</body>
</html>

Testen Sie es heraus ‹/›

Definition und Verwendung

wenn der Audio/Wenn die Wiedergabegeschwindigkeit des Videos geändert wird (z.B. wenn der Benutzer in den Zeitlupe- oder Schnellvorschau-Modus wechselt), wird das Ereignis ratechange ausgelöst.
This event is triggered by the " 音频/video objectplaybackRateProperty call, this property sets or returns the audio/The current playback speed of the video.

Browser Compatibility

IEFirefoxOperaChromeSafari

Syntax

In HTML:

<audio|video onratechange="myScript">Try it out

In JavaScript:

audio|video.onratechange=function(){myScript};Try it out

In JavaScript, use the addEventListener() method:

audio|video.addEventListener("ratechange", myScript);Try it out

Note: Internet Explorer 8 and earlier IE versions do not support addEventListener() Methods.

Technical Details

Supported HTML Tags:	<audio> and <video>
Supported JavaScript Objects:	Audio, Video

HTML Audio/Video DOM Reference Manual

HTML: <template> Tag