HTMLオーディオ/ビデオのDOM timeupdateイベント
例
ビデオ再生位置が変更されたときに、現在のビデオ再生位置(一秒数)を表示します。
//取得のid = "myVideo"の<video>要素
するvar VID =のdocument.getElementById( "myVideo");
現在の再生位置の変更機能が実行された場合// ontimeupdateイベントの<video>要素を追加します
vid.ontimeupdate =関数(){てmyFunction()};
ファンクションてmyFunction(){
ビデオの再生位置の<P>要素の//ディスプレイID = "デモ"
。のdocument.getElementById( "デモ")innerHTMLの= vid.currentTime。
}
する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。
}
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オーディオ/ビデオDOMリファレンス