HTML Audio/Video DOM ratechangeイベント
実例
動画の再生速度を変更し、変更した速度をポップアップ表示します：
// id="myVideo" の <video> 要素を取得
var vid = document.getElementById("myVideo");
// 動画の再生速度を 0.3（低速）に設定
function setPlaySpeed() {
vid.playbackRate = 0.3;
}
// <video> に ratechange イベントを追加し、動画の再生速度が変更されたときに関数を実行します。関数はプロンプトテキストをポップアップ表示します。
vid.onratechange = function() {myFunction()};
function myFunction() {
alert("视频播放速度已改变");
}
var vid = document.getElementById("myVideo");
// 動画の再生速度を 0.3（低速）に設定
function setPlaySpeed() {
vid.playbackRate = 0.3;
}
// <video> に ratechange イベントを追加し、動画の再生速度が変更されたときに関数を実行します。関数はプロンプトテキストをポップアップ表示します。
vid.onratechange = function() {myFunction()};
function myFunction() {
alert("视频播放速度已改变");
}
試してみる »
定義と使い方
ratechange イベントは、オーディオ/ビデオ（audio/video）の再生速度が変更されたときにトリガーされます（例：ユーザーが低速または高速再生モードに切り替えた場合）。
このイベントは、オーディオ/ビデオ（audio/video）のplaybackRateプロパティを呼び出して、オーディオ/ビデオ（audio/video）の再生速度を設定または返すために使用されます。
ブラウザサポート
表内の数字は、そのイベントをサポートする最初のブラウザのバージョン番号を示します。
| イベント | |||||
|---|---|---|---|---|---|
| ratechange | Yes | 9.0 | Yes | Yes | Yes |
構文
HTML の場合：
<audio|video onratechange="myScript">試してみる
JavaScript の場合：
audio|video.onratechange=function(){myScript};試してみる
JavaScript で、addEventListener() メソッドを使用する場合：
audio|video.addEventListener("ratechange", myScript);試してみる
注意：Internet Explorer 8 およびそれ以前の IE バージョンでは、addEventListener()メソッドをサポートしていません。
技術詳細
| サポートされている HTML タグ： | <audio> と <video> |
|---|---|
| サポートされている JavaScript オブジェクト： | Audio, Video |
HTML オーディオ/ビデオ DOM リファレンス その他の拡張