☰

视频画中画自动开启

离开当前正在播放视频的标签页后自动开启视频的画中画模式，回到标签页后关闭画中画模式

// ==UserScript==
// @name         视频画中画自动开启
// @description  离开当前正在播放视频的标签页后自动开启视频的画中画模式，回到标签页后关闭画中画模式
// @match        *://*/*
// @run-at       document-end
// @version      0.0.1
// @namespace https://greasyfork.org/users/315022
// ==/UserScript==

// 监听 visibilitychange 事件
document.addEventListener('visibilitychange', function() {
  // 检查页面是否隐藏且不处于活动状态
  if (document.visibilityState === 'hidden' && document.visibilityState !== 'active') {
    // 检查是否有正在播放的视频元素
    const videoElement = document.querySelector('video');
    if (videoElement && !videoElement.paused) {
      // 开启画中画模式
      if (!document.pictureInPictureElement) {
        videoElement.requestPictureInPicture();
      }
    }
  } else if (document.visibilityState === 'visible') {
    // 检查是否处于画中画模式
    if (document.pictureInPictureElement) {
      // 退出画中画模式
      document.exitPictureInPicture();
    } else {
      // 检查是否有正在播放的视频元素
      const videoElement = document.querySelector('video');
      if (videoElement && !videoElement.paused) {
        // 开启画中画模式
        if (!document.pictureInPictureElement) {
          videoElement.requestPictureInPicture();
        }
      }
    }
  }
});