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

参见