Sự kiện cập nhật thời gian DOM Audio / Video HTML
❮ Tham chiếu DOM Audio / Video HTML
Thí dụ
Khi vị trí phát của video đã thay đổi, hãy hiển thị vị trí hiện tại của video trong vài giây:
// 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;
}
Thêm các ví dụ "Hãy tự mình thử" bên dưới.
Định nghĩa và Cách sử dụng
Sự kiện cập nhật thời gian xảy ra khi vị trí phát của âm thanh / video đã thay đổi.
Sự kiện này được gọi bởi:
- Phát âm thanh / video
- Di chuyển vị trí phát lại (như khi người dùng chuyển tiếp nhanh đến một điểm khác trong âm thanh / video)
Mẹo: Sự kiện cập nhật thời gian này thường được sử dụng cùng với thuộc tính Thời gian hiện tại của Đối tượng Âm thanh / Video, trả về vị trí hiện tại của phát lại âm thanh / video, tính bằng giây.
Hỗ trợ trình duyệt
Các số trong bảng chỉ định phiên bản trình duyệt đầu tiên hỗ trợ đầy đủ sự kiện.
| Event | |||||
|---|---|---|---|---|---|
| timeupdate | Yes | 9.0 | Yes | Yes | Yes |
Cú pháp
Trong HTML:
<audio|video ontimeupdate="myScript">
Trong JavaScript:
audio|video.ontimeupdate=function(){myScript};
Trong JavaScript, sử dụng phương thức addEventListener ():
audio|video.addEventListener("timeupdate", myScript);
Chi tiết kỹ thuật
| Các thẻ HTML được hỗ trợ: | <audio> và <video> |
|---|---|
| Các đối tượng JavaScript được hỗ trợ: | Video âm thanh |
Các ví dụ khác
Thí dụ
Khi vị trí phát của âm thanh đã thay đổi, hãy hiển thị vị trí hiện tại của âm thanh trong vài giây:
// 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;
}
Thí dụ
Sử dụng thuộc tính currentTime để đặt vị trí phát lại hiện tại thành 5 giây:
document.getElementById("myVideo").currentTime = 5;
❮ Tham chiếu DOM Audio / Video HTML