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
属性访问的。
实例属性
从其父接口 EventTarget
继承属性。
实例方法
从其父接口 EventTarget
继承方法。
requestWindow()
实验性
事件
从其父接口 EventTarget
继承事件。
enter
实验性-
当画中画窗口成功打开时触发。
示例
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 # documentpictureinpicture |
浏览器兼容性
BCD tables only load in the browser