DocumentPictureInPictureEvent: thuộc tính window
Khả dụng hạn chế
This feature is not Baseline because it does not work in some of the most widely-used browsers.
Experimental: This is an experimental technology
Check the Browser compatibility table carefully before using this in production.
Secure context: This feature is available only in secure contexts (HTTPS), in some or all supporting browsers.
Thuộc tính chỉ đọc window của giao diện DocumentPictureInPictureEvent trả về một phiên bản Window đại diện cho ngữ cảnh duyệt web bên trong cửa sổ DocumentPictureInPicture mà sự kiện được kích hoạt.
Giá trị
Một đối tượng Window.
Ví dụ
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);
});
Thông số kỹ thuật
| Thông số kỹ thuật |
|---|
| Document Picture-in-Picture Specification> # dom-documentpictureinpictureevent-window> |