最新のWeb開発のチュートリアル
 

onseekingイベント

<イベントオブジェクト

ユーザーが動画内の新しい位置へスキップ/移動を開始したときにJavaScriptを実行します。

<video onseeking="myFunction()">
»それを自分で試してみてください

もっと"Try it Yourself"以下の例。


定義と使用法

ユーザーは、オーディオ/ビデオ内の新しい位置へスキップ/移動を開始するときonseekingイベントが発生します。

ヒント:onseekingイベントは反対であるonseekedイベント。

ヒント:使用CURRENTTIMEの現在の再生位置を取得するには、オーディオ/ビデオオブジェクトのプロパティを。


ブラウザのサポート

表中の数字は完全にイベントをサポートする最初のブラウザのバージョンを指定します。

イベント
onseeking はい 9.0 はい はい はい

構文

HTMLには:

JavaScriptで:

object .onseeking=function(){ »それを自分で試してみてください

JavaScriptでは、使用してaddEventListener()メソッドを:

object .addEventListener("seeking", myScript );
»それを自分で試してみてください

注: addEventListener()メソッドは、Internet Explorer 8およびそれ以前のバージョンでサポートされていません。


技術的な詳細

バブル: ノー
取消し可能: ノー
イベントの種類: イベント
サポートされているHTMLタグ: <オーディオ>と<video>
DOMバージョン: レベル3のイベント

例

その他の例

この例ではonseekingイベントとonseekedイベントの違いを示しています。

<video onseeking="myFunction()" onseeked="mySecondFunction()">
»それを自分で試してみてください

ユーザーが新しい位置にスキップし始めたときに、現在の再生時間位置を表示するには、ビデオオブジェクトのCURRENTTIMEプロパティを使用します:

// Get the <video> element with id="myVideo"
var x = document.getElementById("myVideo");

// Attach a seeking event to the <video>, and execute a function if a seek operation begins
x.addEventListener("seeking", 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 onseeking="myFunction()">
»それを自分で試してみてください

<イベントオブジェクト