DocumentPictureInPicture
DocumentPictureInPicture
接口是 文档画中画 API 的入口点,用于创建和处理文档画中画窗口。
可以通过 Window.documentPictureInPicture
属性访问它。
实例属性
实例方法
requestWindow()
实验性-
为当前主浏览上下文打开画中画窗口。返回一个
Promise
,该 Promise 以Window
实例的形式完成,表示画中画窗口内的浏览上下文。
事件
enter
实验性-
当画中画窗口成功打开时触发。
示例
js
const videoPlayer = document.getElementById("player");
// ...
// Open a Picture-in-Picture window.
const pipWindow = await window.documentPictureInPicture.requestWindow({
width: videoPlayer.clientWidth,
height: videoPlayer.clientHeight,
});
// ...
有关完整的演示,请参阅 文档画中画 API 示例(另请参阅完整的 源代码)。
规范
规范 |
---|
文档画中画 # documentpictureinpicture |
浏览器兼容性
BCD 表仅在启用 JavaScript 的浏览器中加载。