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

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

ユーザーが動画の新しい位置への移動/スキップを終了したら、次のテキストを警告します。

var vid = document.getElementById("myVideo");
vid.onseeked = function() {
    alert("Seek operation completed!");
};

以下の「自分で試してみてください」の例をもっと見てください。


定義と使用法

シークされたイベントは、ユーザーがオーディオ/ビデオの新しい位置への移動/スキップを終了したときに発生します。

ヒント:シークされたイベントは、シークされたイベントの反対です

ヒント:オーディオ/ビデオオブジェクトのcurrentTimeプロパティを使用して、現在の再生位置を取得します。


ブラウザのサポート

表の数字は、イベントを完全にサポートする最初のブラウザーバージョンを示しています。

Event
seeked Yes 9.0 Yes Yes Yes

構文

HTMLの場合:

<audio|video onseeked="myScript">

JavaScriptの場合:

audio|video.onseeked=function(){myScript};

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

audio|video.addEventListener("seeked", myScript);

技術的な詳細

サポートされているHTMLタグ: <オーディオ>と<ビデオ>
サポートされているJavaScriptオブジェクト: オーディオビデオ

その他の例

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

<video onseeking="myFunction()" onseeked="mySecondFunction()">

ビデオオブジェクトのcurrentTimeプロパティを使用して、ユーザーが新しい位置への移動/スキップを終了したときに現在の再生時間の位置を表示します。

// Get the <video> element with id="myVideo"
var vid = document.getElementById("myVideo");

// Attach a seeked event to the <video>, and execute a function when a seek operation completes
vid.addEventListener("seeked", myFunction);

function myFunction() {
// Display the current position of the <video> in a p element with id="demo"
    document.getElementById("demo").innerHTML = vid.currentTime;
}

ユーザーがオーディオの新しい位置への移動/スキップを終了したら、次のテキストを警告します。

var aud = document.getElementById("myAudio");
aud.onseeked = function() {
    alert("Seek operation completed!");
};

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