HTMLMediaElement: sự kiện ended
Baseline
Widely available
This feature is well established and works across many devices and browser versions. It’s been available across browsers since July 2015.
Sự kiện ended được kích hoạt khi quá trình phát lại hoặc phát trực tuyến đã dừng do đã kết thúc phương tiện hoặc do không có thêm dữ liệu.
Sự kiện này xảy ra dựa trên HTMLMediaElement (<audio> và <video>) kích hoạt ended khi phát lại đến cuối phương tiện.
Sự kiện này không thể hủy và không bong bóng.
Note:
Sự kiện ended không kích hoạt nếu thuộc tính loop là true và playbackRate không âm.
Cú pháp
Sử dụng tên sự kiện trong các phương thức như addEventListener() hoặc đặt thuộc tính xử lý sự kiện.
addEventListener("ended", (event) => { })
onended = (event) => { }
Kiểu sự kiện
Một Event chung chung.
Ví dụ
Các ví dụ này thêm trình xử lý sự kiện cho sự kiện ended của HTMLMediaElement, sau đó đăng thông báo khi trình xử lý sự kiện đó phản ứng với việc kích hoạt sự kiện.
Sử dụng addEventListener():
const video = document.querySelector("video");
video.addEventListener("ended", (event) => {
console.log(
"Video stopped either because it has finished playing or no further data is available.",
);
});
Sử dụng thuộc tính xử lý sự kiện onended:
const video = document.querySelector("video");
video.onended = (event) => {
console.log(
"Video stopped either because it has finished playing or no further data is available.",
);
};
Đặc tả kỹ thuật
| Specification |
|---|
| HTML # event-media-ended |
| HTML # handler-onended |
Tương thích trình duyệt
Sự kiện liên quan
- Sự kiện HTMLMediaElement
playing - Sự kiện HTMLMediaElement
waiting - Sự kiện HTMLMediaElement
seeking - Sự kiện HTMLMediaElement
seeked - Sự kiện HTMLMediaElement
loadedmetadata - Sự kiện HTMLMediaElement
loadeddata - Sự kiện HTMLMediaElement
canplay - Sự kiện HTMLMediaElement
canplaythrough - Sự kiện HTMLMediaElement
durationchange - Sự kiện HTMLMediaElement
timeupdate - Sự kiện HTMLMediaElement
play - Sự kiện HTMLMediaElement
pause - Sự kiện HTMLMediaElement
ratechange - Sự kiện HTMLMediaElement
volumechange - Sự kiện HTMLMediaElement
suspend - Sự kiện HTMLMediaElement
emptied - Sự kiện HTMLMediaElement
stalled