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

Tương thích trình duyệt

Xem thêm