Sự kiện thay đổi thời lượng DOM Audio / Video HTML
❮ Tham chiếu DOM Audio / Video HTML
Thí dụ
Cảnh báo rằng thời lượng của video đã thay đổi:
var vid = document.getElementById("myVideo");
vid.ondurationchange = function() {
alert("The video duration has changed");
};
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 thay đổi thời lượng xảy ra khi dữ liệu thời lượng của âm thanh / video được chỉ định bị thay đổi.
Lưu ý: Khi tải âm thanh / video, thời lượng sẽ thay đổi từ "NaN" thành thời lượng thực của âm thanh / video.
Trong quá trình tải âm thanh / video, các sự kiện sau xảy ra, theo thứ tự sau:
- khởi động
- thay đổi thời gian
- loadmetadata
- tải dữ liệu
- phát triển
- có thể chơi
- canplay qua
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 | |||||
---|---|---|---|---|---|
durationchange | Yes | 9.0 | Yes | Yes | Yes |
Cú pháp
Trong HTML:
<audio|video ondurationchange="myScript">
Trong JavaScript:
audio|video.ondurationchange=function(){myScript};
Trong JavaScript, sử dụng phương thức addEventListener ():
audio|video.addEventListener("durationchange", 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ụ
Cảnh báo rằng thời lượng của âm thanh đã thay đổi:
var aud = document.getElementById("myAudio");
aud.ondurationchange = function() {
alert("The audio duration has changed");
};
❮ Tham chiếu DOM Audio / Video HTML