在浏览器中的 Tab 开关上暂停视频，但在最小化浏览器时应继续播放 window

Question

我试图在用户切换浏览器中的选项卡时暂停视频，同时如果用户最小化浏览器 window 它不应该暂停。 我尝试通过使用 PageVisibility Api 来实现它，但在这两种情况下使用它视频都会暂停。 我只需要在选项卡打开时暂停，而不是在 window 被最小化的情况下。

var videoElement = document.getElementById("videoElement");
document.addEventListener("visibilitychange", function() {
        if(document.visibilityState==="hidden")
        {
            videoElement.pause();
        }
        else if(document.visibilityState==="visible")
        {
            videoElement.play();
        }      
})

Answer 1

document.addEventListener("visibilitychange", function() {
    if (document.hidden){
        console.log("Browser tab is hidden")
    } else {
        console.log("Browser tab is visible")
   }
});