例
ユーザーがビデオ内の新しい位置にスキップ/移動完了すると、いくつかのテキストを警告します:
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!");
};
»それを自分で試してみてください