最新のWeb開発のチュートリアル
 

HTMLオーディオ/ビデオのDOM ratechangeイベント

<HTMLオーディオ/ビデオDOMリファレンス

速度が変更されたことをビデオおよびアラートの再生速度を変更します。

// 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");
}
»それを自分で試してみてください

定義と使用法

オーディオ/ビデオの再生速度は、(ユーザーがスローモーションや早送りモードに切り替わるときのように)変更されたときratechangeイベントが発生します。

このイベントは、によって呼び出されplaybackRateオーディオ/ビデオの現在の再生速度を設定または返しオーディオ/ビデオオブジェクトのプロパティ。


ブラウザのサポート

表中の数字は完全にイベントをサポートする最初のブラウザのバージョンを指定します。

イベント
ratechange はい 9.0 はい はい はい

構文

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> and <video>
サポートされているJavaScriptオブジェクト: Audio, Video

<HTMLオーディオ/ビデオDOMリファレンス