HTML Audio/Video DOM seekingイベント
例
ユーザーが新しいビデオ再生位置に移動/ジャンプし始めたときにテキストメッセージを表示します：
var vid = document.getElementById("myVideo");
vid.onseeking = function() {
alert("Seek operation began!");
};
vid.onseeking = function() {
alert("Seek operation began!");
};
試してみる »
この記事の下部にはさらに多くの例が含まれています。
定義と使い方
seeking イベントは、ユーザーが新しいオーディオ/ビデオ（audio/video）の再生位置への移動/ジャンプを開始したときに発生します。
ヒント：seeking イベントの反対のイベントはseekedイベントです。
ヒント：Audio/Video オブジェクトのcurrentTimeプロパティを使用して再生位置を取得します。
ブラウザサポート
表内の数字は、そのイベントをサポートする最初のブラウザのバージョン番号を示します。
| イベント | |||||
|---|---|---|---|---|---|
| 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);試してみる
注意：Internet Explorer 8 およびそれ以前の IE バージョンはサポートしていませんaddEventListener()メソッド。
技術詳細
| サポートされている HTML タグ: | <audio> and <video> |
|---|---|
| サポートされている JavaScript オブジェクト: | Audio, Video |
その他の例
例
この例は、seeking イベントと seeked イベントの違いを示しています。
<video onseeking="myFunction()" onseeked="mySecondFunction()">
試してみる »
例
ユーザーが新しい位置への移動を開始したときに、Video オブジェクトの currentTime プロパティを使用して現在の再生位置を表示します:
// id="myVideo" の <video> 要素を取得
var vid = document.getElementById("myVideo");
// <video> に seeking イベントを追加し、シークが開始されたら関数を実行
vid.addEventListener("seeking", myFunction);
function myFunction() {
// id="demo" の p 要素に <video> の再生位置を表示
document.getElementById("demo").innerHTML = vid.currentTime;
}
var vid = document.getElementById("myVideo");
// <video> に seeking イベントを追加し、シークが開始されたら関数を実行
vid.addEventListener("seeking", myFunction);
function myFunction() {
// id="demo" の p 要素に <video> の再生位置を表示
document.getElementById("demo").innerHTML = vid.currentTime;
}
試してみる »
例
ユーザーがオーディオの新しい再生位置への移動/ジャンプを完了したときにアラートメッセージを表示します：
var aud = document.getElementById("myAudio");
aud.onseeking = function() {
alert("Seek operation began!");
};
aud.onseeking = function() {
alert("Seek operation began!");
};
試してみる »
HTML オーディオ/ビデオ DOM リファレンス その他の拡張