Latest web development tutorials

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

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

ビデオ再生位置が変更されたときに、現在のビデオ再生位置(一秒数)を表示します。

//取得のid = "myVideo"の<video>要素
するvar VID =のdocument.getElementById( "myVideo");

現在の再生位置の変更機能が実行された場合// ontimeupdateイベントの<video>要素を追加します
vid.ontimeupdate =関数(){てmyFunction()};

ファンクションてmyFunction(){
ビデオの再生位置の<P>要素の//ディスプレイID = "デモ"
。のdocument.getElementById( "デモ")innerHTMLの= vid.currentTime。
}

»をお試しください

この記事の下部には、より多くの例が含まれています。


定義と使用法

オーディオ/ビデオにおけるTimeupdateトリガイベントは、(オーディオ/ビデオ)再生位置が変更されます。

このイベントには、次のような状況で呼び出すことができます。

  • オーディオ/ビデオを再生(オーディオ/ビデオ)
  • モバイルオーディオ/ビデオ(オーディオ/ビデオ)の再生位置

ヒント:通常、オーディオ/ビデオオブジェクトに関連付けられたtimeupdateイベントCURRENTTIMEのオーディオ/ビデオ(オーディオ/ビデオ)(秒)再生位置を返すプロパティで使用し、。


ブラウザのサポート

表中の数値は、このイベントのバージョンをサポートする最初のブラウザを表します。

イベント
timeupdate はい 9.0 はい はい はい


文法

HTMLの場合:

<オーディオ|ビデオontimeupdate = "のMyScript "> してみてください

JavaScriptで:

オーディオ|ビデオ.ontimeupdate =関数() {のMyScript}; してみてください

JavaScriptは、addEventListenerを()メソッドを使用します。

オーディオ|ビデオ.addEventListener(「timeupdate」 、にMyScript); してみてください

注:Internet Explorer 8のとIEの以前のバージョンをサポートしていないのaddEventListener()メソッドを。


技術的詳細
サポートされているHTMLタグ: <オーディオ>と<動画>
サポートされているJavaScriptのオブジェクト: オーディオ、ビデオ


例

より多くの例

オーディオ再生位置を変更した場合、現在のオーディオ再生位置の表示(秒)。

// ID = "myVideo" <オーディオ>要素を取得します。
VAR AUD =のdocument.getElementById( "myVideo");

// ontimeupdateイベント<オーディオ>要素を追加して、再生位置を変更する際に機能を実行します
aud.ontimeupdate =関数(){てmyFunction()};

ファンクションてmyFunction(){
オーディオ再生位置の<p>要素の//ディスプレイID = "デモ"
。のdocument.getElementById( "デモ")innerHTMLの= aud.currentTime。
}

»をお試しください

:CURRENTTIMEプロパティは再生位置を5秒に設定されている使用します

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

»をお試しください


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