onseekingイベント
この記事の下部には、さらに多くの実例が含まれています。
定義と使い方
onseeking イベントは、ユーザーがビデオ/オーディオ（audio/video）の再生位置の再配置を開始したときに発生します。
ヒント：onseeking イベントの反対はonseekedイベント
ヒント：使用 currentTimeビデオ/オーディオ（audio/video）の現在の再生位置を設定または返すことができます。
ブラウザサポート
表内の数字は、そのイベントをサポートする最初のブラウザのバージョン番号を示します。
| イベント | |||||
|---|---|---|---|---|---|
| onseeking | Yes | 9.0 | Yes | Yes | Yes |
構文
HTML の場合：
<element onseeking="myScript">試してみる
JavaScript の場合：
object.onseeking=function(){myScript};試してみる
JavaScript では、addEventListener() メソッドを使用します:
object.addEventListener("seeking", myScript);試してみる
注意：Internet Explorer 8 およびそれ以前の IE バージョンはサポートしていませんaddEventListener()メソッド。
技術詳細
| バブリングのサポート: | No |
|---|---|
| キャンセル可能か: | No |
| イベントタイプ: | Event |
| サポートされている HTML タグ: | <audio>, <video> |
その他の実例
実例
以下の実例は、onseeking イベントと onseeked イベントの違いを示しています。
<video onseeking="myFunction()" onseeked="mySecondFunction()">
試してみる »
実例
ユーザーが再生位置の再配置を開始したときに、Video オブジェクトの currentTime プロパティを使用して現在の再生位置を表示できます。
// id="myVideo" の <video> 要素を取得
var x = document.getElementById("myVideo");
// シークが開始されたら、<video> に seeking イベントを追加し、対応する関数を実行します
x.addEventListener("seeking", myFunction);
function myFunction() {
// id="demo" の <p> 要素にビデオの現在の再生位置を表示
document.getElementById("demo").innerHTML = x.currentTime;
}
var x = document.getElementById("myVideo");
// シークが開始されたら、<video> に seeking イベントを追加し、対応する関数を実行します
x.addEventListener("seeking", myFunction);
function myFunction() {
// id="demo" の <p> 要素にビデオの現在の再生位置を表示
document.getElementById("demo").innerHTML = x.currentTime;
}
試してみる »
イベントオブジェクト その他の拡張