<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 "