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