javascript - 检查视频是否为画中画模式

Question

我想要一种方法来检查有人进入画中画模式后视频是否处于画中画模式。他们可以通过单击 X 按钮以 PIP 模式关闭视频，我想使用递归函数检查视频的状态，看看他们何时关闭它，并更改某些元素的类。像这样的东西

if(video.isInPipMode){
someRecursiveFunction();
}

无论如何，是否有任何属性可以检查视频的状态并查看它是否仍处于 PIP 模式，提前致谢/

Answer 1

您可以检查pictureInPictureElement的文档来查看当前是否有处于画中画模式的视频。它要么返回当前处于画中画模式的元素，要么返回 null(如果不存在)。

if (document.pictureInPictureElement !== null) {
  someRecursiveFunction();
}

或者将事件附加到视频以在视频进入或离开画中画模式时进行监听。

let pipActive = false;

video.addEventListener('enterpictureinpicture', () => {
  pipActive = true;
});

video.addEventListener('leavepictureinpicture', () => {
  pipActive = false;
});