ontimeupdateイベント
例
現在の再生位置が変更されたら、JavaScriptを実行します。
<video ontimeupdate="myFunction()">
以下の「自分で試してみてください」の例をもっと見てください。
定義と使用法
ontimeupdateイベントは、オーディオ/ビデオの再生位置が変更されたときに発生します。
このイベントは、次のユーザーによって呼び出されます。
- オーディオ/ビデオの再生
- 再生位置の移動（ユーザーがオーディオ/ビデオの別のポイントに早送りする場合など）
ヒント： ontimeupdateイベントは、オーディオ/ビデオ再生の現在の位置を秒単位で返すオーディオ/ビデオオブジェクトの currentTimeプロパティと一緒に使用されることがよくあります。
ブラウザのサポート
表の数字は、イベントを完全にサポートする最初のブラウザーバージョンを示しています。
| Event | |||||
|---|---|---|---|---|---|
| ontimeupdate | Yes | 9.0 | Yes | Yes | Yes |
構文
HTMLの場合：
<element ontimeupdate="myScript">
JavaScriptの場合：
object.ontimeupdate = function(){myScript};
JavaScriptでは、addEventListener（）メソッドを使用します。
object.addEventListener("timeupdate", myScript);
注： addEventListener （）メソッドは、Internet Explorer8以前のバージョンではサポートされていません。
技術的な詳細
| 泡： | 番号 |
|---|---|
| キャンセル可能： | 番号 |
| イベントタイプ： | イベント |
| サポートされているHTMLタグ： | <オーディオ>と<ビデオ> |
| DOMバージョン： | レベル3のイベント |
その他の例
例
オーディオの現在の再生位置が変更されたら、JavaScriptを実行します。
<audio ontimeupdate="myFunction()">
例
currentTimeプロパティを使用して、現在の再生位置を5秒に設定します。
document.getElementById("myVideo").currentTime = 5;