最新のWeb開発のチュートリアル
 

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

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

ユーザーがビデオ内の新しい位置にスキップ/移動完了すると、いくつかのテキストを警告します:

var vid = document.getElementById("myVideo");
vid.onseeked = function() {
    alert("Seek operation completed!");
};
»それを自分で試してみてください

詳細以下の例「自分にそれを試してみてください」。


定義と使用法

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

ヒント:シークイベントはの反対でシークイベント。

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


ブラウザのサポート

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

イベント
seeked はい 9.0 はい はい はい

構文

HTMLの場合:

< audio|video onseeked="myScript"> Try it

JavaScriptで:

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

JavaScriptで、使用してaddEventListener()メソッドを:

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

注: addEventListener()メソッドは、Internet Explorer 8およびそれ以前のバージョンではサポートされていません。


技術的詳細

サポートされているHTMLタグ: <audio> and <video>
サポートされているJavaScriptオブジェクト: Audio, Video

その他の例

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

<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リファレンス