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 bắt đầu di chuyển / bỏ qua 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.onseeking = function() {
alert("Seek operation began!");
};
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 tìm kiếm xảy ra khi người dùng bắt đầu di chuyển / bỏ qua vị trí mới trong âm thanh / video.
Mẹo: Sự kiện tìm kiếm đối lập với sự kiện được 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 | |||||
---|---|---|---|---|---|
seeking | Yes | 9.0 | Yes | Yes | Yes |
Cú pháp
Trong HTML:
<audio|video onseeking="myScript">
Trong JavaScript:
audio|video.onseeking=function(){myScript};
Trong JavaScript, sử dụng phương thức addEventListener ():
audio|video.addEventListener("seeking", 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 bắt đầu chuyển sang vị trí mới:
// Get the <video> element with id="myVideo"
var vid = document.getElementById("myVideo");
// Attach a seeking event to the <video>, and execute a function if a seek operation begins
vid.addEventListener("seeking", 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 bắt đầu di chuyển / bỏ qua vị trí mới trong âm thanh, hãy cảnh báo một số văn bản:
var aud = document.getElementById("myAudio");
aud.onseeking = function() {
alert("Seek operation began!");
};
❮ Tham chiếu DOM Audio / Video HTML