HTML Audio/Video DOM timeupdate Olayı
❮ HTML Ses/Video DOM Referansı
Örnek
Bir videonun oynatma konumu değiştiğinde, videonun geçerli konumunu saniye cinsinden görüntüleyin:
// 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;
}
Aşağıda daha fazla "Kendiniz Deneyin" örnekleri.
Tanım ve Kullanım
Timeupdate olayı, bir ses/videonun oynatma konumu değiştiğinde meydana gelir.
Bu olay tarafından çağrılır:
- Ses/video oynatma
- Oynatma konumunu taşıma (kullanıcının ses/videoda farklı bir noktaya hızlı ileri sarması gibi)
İpucu: Bu timeupdate olayı genellikle , ses/video oynatmanın geçerli konumunu saniye cinsinden döndüren Ses/Video Nesnesinin currentTime özelliğiyle birlikte kullanılır .
Tarayıcı Desteği
Tablodaki sayılar, olayı tam olarak destekleyen ilk tarayıcı sürümünü belirtir.
Event | |||||
---|---|---|---|---|---|
timeupdate | Yes | 9.0 | Yes | Yes | Yes |
Sözdizimi
HTML'de:
<audio|video ontimeupdate="myScript">
JavaScript'te:
audio|video.ontimeupdate=function(){myScript};
JavaScript'te, addEventListener() yöntemini kullanarak:
audio|video.addEventListener("timeupdate", myScript);
Teknik detaylar
Desteklenen HTML etiketleri: | <ses> ve <video> |
---|---|
Desteklenen JavaScript nesneleri: | Ses videosu |
Daha fazla örnek
Örnek
Bir sesin çalma konumu değiştiğinde, sesin geçerli konumunu saniye cinsinden görüntüleyin:
// 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;
}
Örnek
Geçerli oynatma konumunu 5 saniyeye ayarlamak için currentTime özelliğini kullanma:
document.getElementById("myVideo").currentTime = 5;
❮ HTML Ses/Video DOM Referansı