Latest web development tutorials

HTMLオーディオ/ビデオDOMイベントをシーク

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

ユーザがビデオの再生位置を再設定完了求められたテキスト。

するvar VID =のdocument.getElementById( "myVideo");
vid.onseeked =関数(){
警告(「完了した操作を求めます! ");
};

»をお試しください

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


定義と使用法

ユーザは新しい場所にオーディオ/ビデオ(オーディオ/ビデオ)に/ジャンプを移動しなければならないときシークイベントがトリガされます。

ヒント:代わりに、イベントは、イベントがされているシークシークイベントを。

ヒント:オーディオ/ビデオオブジェクトの使用CURRENTTIMEのビデオ再生位置を取得するプロパティを。


ブラウザのサポート

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

イベント
シーク はい 9.0 はい はい はい


文法

HTMLの場合:

<オーディオ|ビデオは= "にMyScript onseeked "> してみてください

JavaScriptで:

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

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

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

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


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


例

より多くの例

この例では、シークおよびシークイベントイベントの違いを示しています。

<ビデオonseeking = "てmyFunction()" onseeked = "mySecondFunction()">

»をお試しください

ユーザがビデオの新しい位置に/ジャンプを移動完了すると、現在の再生位置を表示するためにCURRENTTIMEプロパティVideoオブジェクトを使用します。

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

操作が完了した後// <映像>シークイベントを追加するために、アドレス指定機能を実行します
vid.addEventListener(、てmyFunctionを「シーク」)。

ファンクションてmyFunction(){
//は、ID = "デモ" p要素の<video>現在の再生位置を表示します
。のdocument.getElementById( "デモ")innerHTMLの= vid.currentTime。
}

»をお試しください

メッセージは、新しいユーザの音声再生位置への移動/ジャンプの完了時に表示されます。

VAR AUD =のdocument.getElementById( "myAudio");
aud.onseeked =関数(){
警告(「完了した操作を求めます! ");
};

»をお試しください


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