[zh-CN]: add&sync translation for `DocumentPictureInPictureEvent.wind…

…ow` (#23816)

files/zh-cn/web/api/documentpictureinpictureevent/index.md

@@ -2,7 +2,7 @@
 title: DocumentPictureInPictureEvent
 slug: Web/API/DocumentPictureInPictureEvent
 l10n:
-  sourceCommit: 89c435da452257b944b403cc9e45036fcb22590e
+  sourceCommit: bac20b9ed34bf5b6427ba9274c99c1737dc309ff
 ---
 
 {{APIRef("Document Picture-in-Picture API")}}{{SeeCompatTable}}{{SecureContext_Header}}
@@ -16,17 +16,17 @@ l10n:
 - {{domxref("DocumentPictureInPictureEvent.DocumentPictureInPictureEvent", "DocumentPictureInPictureEvent()")}} {{Experimental_Inline}}
   - : 创建一个新的 `DocumentPictureInPictureEvent` 对象实例。
 
-## 实例方法
-
-_继承其父接口 {{DOMxRef("Event")}} 的方法。_
-
 ## 实例属性
 
 _继承其父接口 {{DOMxRef("Event")}} 的属性。_
 
 - {{domxref("DocumentPictureInPictureEvent.window", "window")}} {{ReadOnlyInline}} {{Experimental_Inline}}
   - : 返回一个 {{domxref("Window")}} 实例，表示触发事件的 `DocumentPictureInPicture` 窗口的浏览上下文。
 
+## 实例方法
+
+_继承其父接口 {{DOMxRef("Event")}} 的方法。_
+
 ## 示例
 
 ```js

files/zh-cn/web/api/documentpictureinpictureevent/window/index.md

@@ -0,0 +1,51 @@
+---
+title: DocumentPictureInPictureEvent：window 属性
+slug: Web/API/DocumentPictureInPictureEvent/window
+l10n:
+  sourceCommit: 89c435da452257b944b403cc9e45036fcb22590e
+---
+
+{{APIRef("Document Picture-in-Picture API")}}{{SeeCompatTable}}{{SecureContext_Header}}
+
+{{domxref("DocumentPictureInPictureEvent")}} 接口的 **`window`** 只读属性返回一个 {{domxref("Window")}} 实例，表示事件触发时 `DocumentPictureInPicture` 窗口中的浏览上下文。
+
+## 值
+
+一个 {{domxref("Window")}} 对象实例。
+
+## 示例
+
+```js
+documentPictureInPicture.addEventListener("enter", (event) => {
+  const pipWindow = event.window;
+  console.log("视频播放器已进入画中画窗口");
+
+  const pipMuteButton = pipWindow.document.createElement("button");
+  pipMuteButton.textContent = "静音";
+  pipMuteButton.addEventListener("click", () => {
+    const pipVideo = pipWindow.document.querySelector("#video");
+    if (!pipVideo.muted) {
+      pipVideo.muted = true;
+      pipMuteButton.textContent = "取消静音";
+    } else {
+      pipVideo.muted = false;
+      pipMuteButton.textContent = "静音";
+    }
+  });
+
+  pipWindow.document.body.append(pipMuteButton);
+});
+```
+
+## 规范
+
+{{Specifications}}
+
+## 浏览器兼容性
+
+{{Compat}}
+
+## 参见
+
+- {{domxref("Document Picture-in-Picture API", "Document Picture-in-Picture API", "", "nocode")}}
+- [使用 Document Picture-in-Picture API](/zh-CN/docs/Web/API/Document_Picture-in-Picture_API/Using)