HTMLオーディオ/ビデオDOM求めているイベント
例
ポップアップテキストメッセージをユーザが新しいビデオ再生位置に/ジャンプを移動し始めるとき。
するvar VID =のdocument.getElementById( "myVideo");
vid.onseeking =関数(){
警告( "シーク動作が始まりました!");
};
vid.onseeking =関数(){
警告( "シーク動作が始まりました!");
};
»をお試しください
この記事の下部には、より多くの例が含まれています。
定義と使用法
ユーザーにイベントをトリガするために求めているときは、新しいオーディオ/ビデオ(オーディオ/ビデオ)の再生位置に/ジャンプを移動し始めます。
ヒント:イベントを求める代わりに、イベントがされているシークイベント。
ヒント:オーディオ/ビデオオブジェクトの使用CURRENTTIMEのプロパティは、再生位置を取得します。
ブラウザのサポート
表中の数値は、このイベントのバージョンをサポートする最初のブラウザを表します。
イベント | |||||
---|---|---|---|---|---|
探求 | はい | 9.0 | はい | はい | はい |
文法
HTMLの場合:
<オーディオ|ビデオonseeking = "のMyScript "> してみてください
JavaScriptで:
オーディオ|ビデオ.onseeking =関数() {のMyScript}; してみてください
JavaScriptは、addEventListenerを()メソッドを使用します。
オーディオ| .addEventListenerが(「シーク」のビデオ 、にMyScript); してみてください
注:Internet Explorer 8のとIEの以前のバージョンをサポートしていないのaddEventListener()メソッドを。
技術的詳細
サポートされているHTMLタグ: | <オーディオ>と<動画> |
---|---|
サポートされているJavaScriptのオブジェクト: | オーディオ、ビデオ |
より多くの例
例
この例では、シークおよびシークイベントイベントの違いを示しています。
<ビデオonseeking = "てmyFunction()" onseeked = "mySecondFunction()">
»をお試しください
例
ユーザーが新しい場所に移動し始めると、Videoオブジェクトを使用CURRENTTIMEプロパティは、現在の再生位置を表示します。
//取得のid = "myVideo"の<video>要素
するvar VID =のdocument.getElementById( "myVideo");
// <映像>のためにあなたがアドレッシング開始した場合、イベントを追加しようとしている関数が実行を開始します
vid.addEventListener(、てmyFunction」を求めています ");
ファンクションてmyFunction(){
p要素の<video>プレーヤーの位置の//ディスプレイID = "デモ"
。のdocument.getElementById( "デモ")innerHTMLの= vid.currentTime。
}
するvar VID =のdocument.getElementById( "myVideo");
// <映像>のためにあなたがアドレッシング開始した場合、イベントを追加しようとしている関数が実行を開始します
vid.addEventListener(、てmyFunction」を求めています ");
ファンクションてmyFunction(){
p要素の<video>プレーヤーの位置の//ディスプレイID = "デモ"
。のdocument.getElementById( "デモ")innerHTMLの= vid.currentTime。
}
»をお試しください
例
メッセージは、新しいユーザの音声再生位置への移動/ジャンプの完了時に表示されます。
VAR AUD =のdocument.getElementById( "myAudio");
aud.onseeking =関数(){
警告( "シーク動作が始まりました!");
};
aud.onseeking =関数(){
警告( "シーク動作が始まりました!");
};
»をお試しください
HTMLオーディオ/ビデオDOMリファレンス