此页面由社区从英文翻译而来。了解更多并加入 MDN Web Docs 社区。
DocumentPictureInPicture
Limited availability
This feature is not Baseline because it does not work in some of the most widely-used browsers.
Document Picture-in-Picture API 的DocumentPictureInPicture 接口是创建和处理文档画中画窗口的入口点。
它是通过Window.documentPictureInPicture 属性访问的。
In this article
实例属性
从其父接口EventTarget 继承属性。
实例方法
从其父接口EventTarget 继承方法。
事件
从其父接口EventTarget 继承事件。
示例
js
const videoPlayer = document.getElementById("player");// ...// 打开画中画窗口。const pipWindow = await window.documentPictureInPicture.requestWindow({ width: videoPlayer.clientWidth, height: videoPlayer.clientHeight,});// ...请参阅Document Picture-in-Picture API 示例获取完整的可运行演示(另请参阅完整的源代码)。
规范
| Specification |
|---|
| Document Picture-in-Picture Specification> # documentpictureinpicture> |