En son web geliştirme öğreticiler
 

HTML Ses / Video DOM timeupdate Olay

<HTML Ses / Video DOM Referans

Örnek

Bir video oynarken pozisyon değiştiğinde, Videonun saniye cinsinden geçerli konumunu görüntüler:

// 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;
}
Kendin dene "

Daha "Try it Yourself" Aşağıdaki örnekler.


Tanımı ve Kullanımı

Bir ses / video oynarken pozisyon değiştiğinde timeupdate olayı oluşur.

Bu olay ile çağrılır:

  • ses / video oynatma
  • çalma pozisyonu hareket etmesi (gibi zaman ses / video farklı bir noktaya kullanıcının hızlı ileri)

Öneri: Bu timeupdate olay genellikle ile birlikte kullanılır CurrentTime saniye cinsinden ses / video oynatma geçerli konumunu döndürür Ses / Video Nesne, mülkiyet.


Tarayıcı Desteği

Tablodaki rakamlar tamamen olayı destekleyen ilk tarayıcı sürümü belirtin.

Olay
timeupdate Evet 9.0 Evet Evet Evet

Sözdizimi

HTML'de:

< audio|video ontimeupdate=" JavaScript:

audio|video .ontimeupdate=function(){ JavaScript olarak, kullanılarak addEventListener() metodu:

audio|video .addEventListener("timeupdate", myScript ); Try it

Not: addEventListener() metodu Internet Explorer 8 ve önceki sürümlerinde desteklenmez.


Teknik detaylar

Desteklenen HTML etiketleri: <audio> and <video>
Desteklenen JavaScript nesneleri: Audio, Video

Diğer Örnekler

Örnek

Bir ses çalma pozisyonu değiştiğinde, saniyeler içinde ses geçerli konumunu görüntüler:

// 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;
}
Kendin dene "

Örnek

5 saniye geçerli çalma konumunu ayarlamak için CurrentTime özelliğini kullanarak:

document.getElementById("myVideo").currentTime = 5;
Kendin dene "

<HTML Ses / Video DOM Referans