Document.pictureInPictureEnabled

Document 接口的只读属性 pictureInPictureEnabled,表示画中画模式是否可用。

除非 Permissions-Policy 另有规定,否则画中画模式默认是可用的。

尽管这个属性是只读的,但是即使它被修改(甚至是在严格模式下),也不会抛出错误;setter 是无操作的并且将会被忽略。

一个布尔值,如果视频可以通过调用 HTMLVideoElement.requestPictureInPicture() 进入画中画模式并在浮动窗口中播放,则为 true。如果画中画模式不可用,则值是 false

示例

在此示例中,在 <video> 元素试图进入画中画模式之前,会检查 pictureInPictureEnabled 的值,为避免在该功能不可用时调用。

js
function requestPictureInPicture() {
  if (document.pictureInPictureEnabled) {
    videoElement.requestPictureInPicture();
  } else {
    console.log("Your browser cannot use picture-in-picture right now");
  }
}

规范

Specification
Picture-in-Picture
# ref-for-dom-document-pictureinpictureenabled

浏览器兼容性

BCD tables only load in the browser

参见