From 72d7790bb85c0155f746bb3fc8d19d74d26555a4 Mon Sep 17 00:00:00 2001
From: skyclouds2001 <95597335+skyclouds2001@users.noreply.github.com>
Date: Tue, 17 Sep 2024 23:14:48 +0800
Subject: [PATCH] add

---
 .../window/documentpictureinpicture/index.md  | 43 +++++++++++++++++++
 1 file changed, 43 insertions(+)
 create mode 100644 files/zh-cn/web/api/window/documentpictureinpicture/index.md

diff --git a/files/zh-cn/web/api/window/documentpictureinpicture/index.md b/files/zh-cn/web/api/window/documentpictureinpicture/index.md
new file mode 100644
index 00000000000000..3c9fff4917a5bd
--- /dev/null
+++ b/files/zh-cn/web/api/window/documentpictureinpicture/index.md
@@ -0,0 +1,43 @@
+---
+title: Window：documentPictureInPicture 属性
+slug: Web/API/Window/documentPictureInPicture
+l10n:
+  sourceCommit: 89c435da452257b944b403cc9e45036fcb22590e
+---
+
+{{APIRef("Document Picture-in-Picture API")}}{{SeeCompatTable}}{{SecureContext_Header}}
+
+{{domxref("Window")}} 接口的 **`documentPictureInPicture`** 只读属性返回对当前文档上下文的 {{domxref("DocumentPictureInPicture")}} 对象的引用。
+
+## 值
+
+{{domxref("DocumentPictureInPicture")}} 对象实例。
+
+## 示例
+
+```js
+const videoPlayer = document.getElementById("player");
+
+// ...
+
+// 打开画中画窗口。
+await window.documentPictureInPicture.requestWindow({
+  width: videoPlayer.clientWidth,
+  height: videoPlayer.clientHeight,
+});
+
+// ...
+```
+
+## 规范
+
+{{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)