HTMLオーディオ/ビデオDOMイベントをシーク
例
ユーザがビデオの再生位置を再設定完了求められたテキスト。
するvar VID =のdocument.getElementById( "myVideo");
vid.onseeked =関数(){
警告(「完了した操作を求めます! ");
};
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 VID =のdocument.getElementById( "myVideo");
操作が完了した後// <映像>シークイベントを追加するために、アドレス指定機能を実行します
vid.addEventListener(、てmyFunctionを「シーク」)。
ファンクションてmyFunction(){
//は、ID = "デモ" p要素の<video>現在の再生位置を表示します
。のdocument.getElementById( "デモ")innerHTMLの= vid.currentTime。
}
»をお試しください
例
メッセージは、新しいユーザの音声再生位置への移動/ジャンプの完了時に表示されます。
VAR AUD =のdocument.getElementById( "myAudio");
aud.onseeked =関数(){
警告(「完了した操作を求めます! ");
};
aud.onseeked =関数(){
警告(「完了した操作を求めます! ");
};
»をお試しください
HTMLオーディオ/ビデオDOMリファレンス