DocumentPictureInPictureEvent: window 屬性
DocumentPictureInPictureEvent 介面中的只讀屬性 window 返回一個 Window 例項,該例項代表事件觸發的 DocumentPictureInPicture 視窗內的瀏覽上下文。
值
一個 Window 物件例項。
示例
js
documentPictureInPicture.addEventListener("enter", (event) => {
const pipWindow = event.window;
console.log("Video player has entered the pip window");
const pipMuteButton = pipWindow.document.createElement("button");
pipMuteButton.textContent = "Mute";
pipMuteButton.addEventListener("click", () => {
const pipVideo = pipWindow.document.querySelector("#video");
if (!pipVideo.muted) {
pipVideo.muted = true;
pipMuteButton.textContent = "Unmute";
} else {
pipVideo.muted = false;
pipMuteButton.textContent = "Mute";
}
});
pipWindow.document.body.append(pipMuteButton);
});
規範
| 規範 |
|---|
| 文件畫中畫規範 # dom-documentpictureinpictureevent-window |
瀏覽器相容性
載入中…