HTMLオーディオ/ビデオDOMシークイベント
例
ユーザーが動画の新しい位置に移動/スキップし始めたら、次のテキストを警告します。
var vid = document.getElementById("myVideo");
vid.onseeking = function() {
alert("Seek operation began!");
};
以下の「自分で試してみてください」の例をもっと見てください。
定義と使用法
シークイベントは、ユーザーがオーディオ/ビデオの新しい位置に移動/スキップし始めたときに発生します。
ヒント:シークイベントは、シークイベントの反対 です 。
ヒント:オーディオ/ビデオオブジェクトのcurrentTimeプロパティを使用して、現在の再生位置を取得します。
ブラウザのサポート
表の数字は、イベントを完全にサポートする最初のブラウザーバージョンを示しています。
Event | |||||
---|---|---|---|---|---|
seeking | Yes | 9.0 | Yes | Yes | Yes |
構文
HTMLの場合:
<audio|video onseeking="myScript">
JavaScriptの場合:
audio|video.onseeking=function(){myScript};
JavaScriptでは、addEventListener()メソッドを使用します。
audio|video.addEventListener("seeking", myScript);
技術的な詳細
サポートされているHTMLタグ: | <オーディオ>と<ビデオ> |
---|---|
サポートされているJavaScriptオブジェクト: | オーディオビデオ |
その他の例
例
この例は、シークイベントとシークイベントの違いを示しています。
<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!");
};
❮HTMLオーディオ/ビデオDOMリファレンス