HTMLVideoElement：leavepictureinpicture 事件
當 HTMLVideoElement 成功退出畫中畫模式時，會觸發 leavepictureinpicture 事件。
此事件不可取消，也不會冒泡。
語法
在諸如 addEventListener() 之類的方法中使用事件名稱，或設定事件處理程式屬性。
js
addEventListener("leavepictureinpicture", (event) => { })
onleavepictureinpicture = (event) => { }
事件型別
一個 PictureInPictureEvent。繼承自 Event。
事件屬性
此介面還繼承了其父介面 Event 的屬性。
示例
這些示例為 HTMLVideoElement 的 leavepictureinpicture 事件添加了一個事件監聽器，然後在事件處理程式響應事件觸發時釋出一條訊息。
使用 addEventListener()
js
const video = document.querySelector("#video");
const button = document.querySelector("#button");
function onExitPip() {
console.log("Picture-in-Picture mode deactivated!");
}
video.addEventListener("leavepictureinpicture", onExitPip);
button.onclick = () => {
if (document.pictureInPictureElement) {
document.exitPictureInPicture();
}
};
使用 onleavepictureinpicture 事件處理程式屬性
js
const video = document.querySelector("#video");
const button = document.querySelector("#button");
function onExitPip() {
console.log("Picture-in-Picture mode deactivated!");
}
video.onleavepictureinpicture = onExitPip;
button.onclick = () => {
if (document.pictureInPictureElement) {
document.exitPictureInPicture();
}
};
規範
| 規範 |
|---|
| 畫中畫 # eventdef-htmlvideoelement-leavepictureinpicture |
| 畫中畫 # dom-htmlvideoelement-onleavepictureinpicture |
瀏覽器相容性
載入中…