Window:documentPictureInPicture 属性

Limited availability

This feature is not Baseline because it does not work in some of the most widely-used browsers.

实验性: 这是一项实验性技术
在将其用于生产之前,请仔细检查浏览器兼容性表格

安全上下文: 此项功能仅在一些支持的浏览器安全上下文(HTTPS)中可用。

Window 接口的 documentPictureInPicture 只读属性返回对当前文档上下文的 DocumentPictureInPicture 对象的引用。

DocumentPictureInPicture 对象实例。

示例

js
const videoPlayer = document.getElementById("player");

// ...

// 打开画中画窗口。
await window.documentPictureInPicture.requestWindow({
  width: videoPlayer.clientWidth,
  height: videoPlayer.clientHeight,
});

// ...

规范

Specification
Document Picture-in-Picture
# dom-window-documentpictureinpicture

浏览器兼容性

BCD tables only load in the browser

参见