ビデオの再生速度を変更し、速度が変ったことを警告します:
// Get the <video> element with id="myVideo"
var vid =
document.getElementById("myVideo");
// Set the current playback speed
of the video to 0.3 (slow motion)
function setPlaySpeed() {
vid.playbackRate = 0.3;
}
// Assign a ratechange event to the
<video> element, and execute a function if the playing speed of the video is
changed. The function will alert some text
vid.onratechange = function()
{myFunction()};
function
myFunction() {
alert("The playing speed of the video
was changed");
}
Try it Yourself ❯
オーディオ/ビデオの再生速度は、(ユーザーがスローモーションや早送りモードに切り替わるときのように)変更されたときratechangeイベントが発生します。ratechange イベントは、オーディオ/ビデオの再生速度が変更されたとき(ユーザがスローモーションや早送りモードに切り換えた時などに)発生します。
このイベントは、オーディオ/ビデオの現在の再生速度を設定または返す、オーディオ/ビデオ・オブジェクトの playbackRate プロパティにより呼び出されます。
表中の数字は、イベントを完全にサポートした最初のブラウザ・バージョンを指定しています。
| イベント | |||||
|---|---|---|---|---|---|
| ratechange | Yes | 9.0 | Yes | Yes | Yes |
HTML の場合:
<audio|video onratechange="myScript">Try it
JavaScript の場合:
audio|video.onratechange=function(){myScript};Try it
JavaScriptで、addEventListener() メソッドを使用する場合:
audio|video.addEventListener("ratechange", myScript);Try it
注: addEventListener() メソッドは、 Internet Explorer 8 以前のバージョンではサポートしていません。
| サポートする HTML タグ: | <audio> および <video> |
|---|---|
| サポートするJavaScript オブジェクト: | Audio, Video |
HTML オーディオ/ビデオ DOM リファレンス