求められたイベント
例
ユーザーがビデオ内の新しい位置への移動/スキップを終了したら、JavaScriptを実行します。
<video onseeked="myFunction()">
以下の「自分で試してみてください」の例をもっと見てください。
定義と使用法
オンシークイベントは、ユーザーがオーディオ/ビデオの新しい位置への移動/スキップを終了したときに発生します
ヒント: onseekedイベントは、onseekingイベントの反対 です 。
ヒント:オーディオ/ビデオオブジェクトの currentTimeプロパティを使用して、現在の再生位置を取得します。
ブラウザのサポート
表の数字は、イベントを完全にサポートする最初のブラウザーバージョンを示しています。
Event | |||||
---|---|---|---|---|---|
onseeked | Yes | 9.0 | Yes | Yes | Yes |
構文
HTMLの場合:
<element onseeked="myScript">
JavaScriptの場合:
object.onseeked = function(){myScript};
JavaScriptでは、addEventListener()メソッドを使用します。
object.addEventListener("seeked", myScript);
注: addEventListener ()メソッドは、Internet Explorer8以前のバージョンではサポートされていません。
技術的な詳細
泡: | 番号 |
---|---|
キャンセル可能: | 番号 |
イベントタイプ: | イベント |
サポートされているHTMLタグ: | <オーディオ>と<ビデオ> |
DOMバージョン: | レベル3のイベント |
その他の例
例
この例は、onseekingイベントとonseekedイベントの違いを示しています。
<video onseeking="myFunction()" onseeked="mySecondFunction()">
例
ビデオオブジェクトのcurrentTimeプロパティを使用して、ユーザーが新しい位置への移動/スキップを終了したときに現在の再生時間の位置を表示します。
// Get the <video> element with id="myVideo"
var x = document.getElementById("myVideo");
// Attach a seeked event to the <video>, and execute a function when a seek operation completes
x.addEventListener("seeked", myFunction);
function myFunction() {
// Display the current position of the video in a <p> element with id="demo"
document.getElementById("demo").innerHTML = x.currentTime;
}
例
ユーザーがオーディオの新しい位置への移動/スキップを終了したら、JavaScriptを実行します。
<audio onseeked="myFunction()">