Sự kiện đã tìm kiếm DOM Audio / Video HTML
❮ Tham chiếu DOM Audio / Video HTML
Thí dụ
Khi người dùng hoàn tất việc di chuyển / chuyển sang vị trí mới trong video, hãy thông báo một số văn bản:
var vid = document.getElementById("myVideo");
vid.onseeked = function() {
alert("Seek operation completed!");
};
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 tìm kiếm xảy ra khi người dùng hoàn tất việc di chuyển / chuyển sang vị trí mới trong âm thanh / video.
Mẹo: Sự kiện được tìm kiếm đối lập với sự kiện đang tìm kiếm .
Mẹo: Sử dụng thuộc tính Thời gian hiện tại của Đối tượng Âm thanh / Video để có được vị trí phát lại hiện tại.
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 | |||||
|---|---|---|---|---|---|
| seeked | Yes | 9.0 | Yes | Yes | Yes |
Cú pháp
Trong HTML:
<audio|video onseeked="myScript">
Trong JavaScript:
audio|video.onseeked=function(){myScript};
Trong JavaScript, sử dụng phương thức addEventListener ():
audio|video.addEventListener("seeked", 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ụ
Ví dụ này cho thấy sự khác biệt giữa sự kiện đang tìm kiếm và sự kiện đã tìm kiếm:
<video onseeking="myFunction()" onseeked="mySecondFunction()">
Thí dụ
Sử dụng thuộc tính currentTime của Đối tượng video để hiển thị vị trí thời gian phát hiện tại khi người dùng hoàn thành việc di chuyển / bỏ qua đến vị trí mới:
// Get the <video> element with id="myVideo"
var vid = document.getElementById("myVideo");
// Attach a seeked event to the <video>, and execute a function when a seek operation completes
vid.addEventListener("seeked", myFunction);
function myFunction() {
// Display the current position of the <video> in a p element with id="demo"
document.getElementById("demo").innerHTML = vid.currentTime;
}
Thí dụ
Khi người dùng hoàn tất việc di chuyển / chuyển sang vị trí mới trong âm thanh, hãy thông báo một số văn bản:
var aud = document.getElementById("myAudio");
aud.onseeked = function() {
alert("Seek operation completed!");
};
❮ Tham chiếu DOM Audio / Video HTML