例
ビデオの再生位置が変更されたときに、秒でビデオの現在の位置を表示します。
// Get the <video> element with id="myVideo"
var vid =
document.getElementById("myVideo");
// Assign an ontimeupdate event
to the <video> element, and execute a function if the current playback
position has changed
vid.ontimeupdate = function() {myFunction()};
function myFunction() {
// Display the current position of the video
in a <p> element with id="demo"
document.getElementById("demo").innerHTML = vid.currentTime;
} »それを自分で試してみてください 詳細以下の例「自分にそれを試してみてください」。
定義と使用法
オーディオ/ビデオの再生位置が変更されたときにtimeupdateイベントが発生します。
このイベントは、によって呼び出されます。
- オーディオ/ビデオを再生
- （オーディオ/ビデオ内の別のポイントにするとき、ユーザーが早送りのような）再生位置を移動します
ヒント：このtimeupdateイベントは、多くの場合と一緒に使用されるCURRENTTIMEの秒単位で、オーディオ/ビデオの再生の現在位置を返しますオーディオ/ビデオオブジェクトのプロパティ。
ブラウザのサポート
表中の数字は完全にイベントをサポートする最初のブラウザのバージョンを指定します。
| イベント | |||||
|---|---|---|---|---|---|
| timeupdate | はい | 9.0 | はい | はい | はい |
構文
HTMLの場合：
< audio|video ontimeupdate="myScript"> Try it JavaScriptで：
audio|video .ontimeupdate=function(){myScript}; Try it JavaScriptで、使用してaddEventListener()メソッドを：
audio|video .addEventListener("timeupdate", myScript ); Try it 注： addEventListener()メソッドは、Internet Explorer 8およびそれ以前のバージョンではサポートされていません。
技術的詳細
| サポートされているHTMLタグ： | <audio> and <video> |
|---|---|
| サポートされているJavaScriptオブジェクト： | Audio, Video |
その他の例
例
オーディオの再生位置が変更されたときに、秒単位でオーディオの現在位置を表示します。
// Get the <audio> element with id="myVideo"
var aud =
document.getElementById("myVideo");
// Assign an ontimeupdate event
to the <audio> element, and execute a function if the current playback
position has changed
aud.ontimeupdate = function() {myFunction()};
function myFunction() {
// Display the current position of the audio
in a <p> element with id="demo"
document.getElementById("demo").innerHTML = aud.currentTime;
}
»それを自分で試してみてください 例
5秒に現在の再生位置を設定するCURRENTTIMEプロパティを使用して：
document.getElementById("myVideo").currentTime = 5;
»それを自分で試してみてください