例
ユーザーは、ビデオ内の新しい位置にスキップ/移動を開始すると、いくつかのテキストを警告:
var vid = document.getElementById("myVideo");
vid.onseeking = function() {
alert("Seek operation began!");
};
»それを自分で試してみてください 詳細以下の例「自分にそれを試してみてください」。
定義と使用法
ユーザーは、オーディオ/ビデオ内の新しい位置にスキップ/移動を開始するときに求めているイベントが発生します。
ヒント:シークイベントはの反対でseekedイベント。
ヒント:使用currentTime現在の再生位置を取得するために、オーディオ/ビデオオブジェクトのプロパティを。
ブラウザのサポート
表中の数字は完全にイベントをサポートする最初のブラウザのバージョンを指定します。
イベント | |||||
---|---|---|---|---|---|
seeking | はい | 9.0 | はい | はい | はい |
構文
HTMLの場合:
< audio|video onseeking="myScript"> Try it
JavaScriptで:
audio|video .onseeking=function(){myScript}; Try it
JavaScriptで、使用してaddEventListener()メソッドを:
audio|video .addEventListener("seeking", 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 seeking event to the
<video>, and execute a function if a seek operation begins
vid.addEventListener("seeking", 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.onseeking = function() {
alert("Seek operation began!");
};
»それを自分で試してみてください