Latest web development tutorials

HTMLオーディオ/ビデオDOM求めているイベント

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

ポップアップテキストメッセージをユーザが新しいビデオ再生位置に/ジャンプを移動し始めるとき。

するvar VID =のdocument.getElementById( "myVideo");
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 AUD =のdocument.getElementById( "myAudio");
aud.onseeking =関数(){
警告( "シーク動作が始まりました!");
};

»をお試しください


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