ontimeupdateイベント

DOM イベント Event オブジェクト

定義と使用法

ontimeupdateイベントはオーディオ/ビデオの再生位置が変更されたときに発生します。

このイベントは以下の状況でトリガーされます：

  • オーディオ/ビデオを再生する
  • 再生位置を移動する（例えば、ユーザーがオーディオ/ビデオの中の異なるポイントにスキップするとき）

ヒント：ontimeupdateイベントは通常、オーディオ/ビデオオブジェクトの currentTime 属性一緒に使用すると、この属性は秒単位で再生位置を返します。

例

例1

現在の再生位置が変更されたときにJavaScriptを実行します：

<video ontimeupdate="myFunction()">

自分で試してみてください

例2

現在の再生位置が変更されたときにJavaScriptを実行します：

<audio ontimeupdate="myFunction()">

自分で試してみてください

例3

currentTime属性を使用して現在の再生位置を5秒に設定します：

document.getElementById("myVideo").currentTime = 5;

自分で試してみてください

文法

HTMLで：

<element ontimeupdate="myScript">

自分で試してみてください

JavaScriptで：

object.ontimeupdate = function(){myScript};

自分で試してみてください

JavaScriptでaddEventListener()メソッドを使用する：

object.addEventListener("timeupdate", myScript);

自分で試してみてください

注釈：Internet Explorer 8またはそれ以前のバージョンではサポートされていません addEventListener()メソッド。

技術的詳細

バブル： サポートしていない
キャンセル可能： サポートしていない
イベントタイプ： イベント
サポートされているHTMLタグ： <audio> と <video>
DOM バージョン： レベル3 イベント

ブラウザのサポート

テーブルの数字には、そのイベントを完全にサポートする最初のブラウザバージョンが記載されています。

イベント Chrome IE Firefox Safari Opera
ontimeupdate サポート 9.0 サポート サポート サポート
DOM イベント Event オブジェクト