如何在使用javascript单击“新建”选项卡时暂停视频？

我正在处理视频HTML标签，我想在新标签打开时暂停音频。请帮助解决这个问题

<video autoplay onplay="clickplayer()" id="player" onended="endplayer()" fullscreen="true" controls onvolumechange="myFunction()"  ontimeupdate="document.getElementById('tracktime').innerHTML = Math.floor(this.currentTime) + ' / ' + Math.floor(this.duration);">dik</video>

dik

您需要首先检测窗口失焦事件才能执行此操作。以下是一个例子：

HTML:

 <video id="video" width="400" controls>
   <source src="http://www.w3schools.com/html/mov_bbb.mp4" type="video/mp4">
 </video>

document.addEventListener("visibilitychange", onchange);
function onchange (evt) {
   document.getElementById("video").pause();
}

你可以找到完整的例子

注意，同样的方法也适用于音频标签

---

您需要先检测窗口去焦点事件才能执行此操作。以下是一个例子：

HTML:

 <video id="video" width="400" controls>
   <source src="http://www.w3schools.com/html/mov_bbb.mp4" type="video/mp4">
 </video>

document.addEventListener("visibilitychange", onchange);
function onchange (evt) {
   document.getElementById("video").pause();
}

你可以找到完整的例子

注意，同样的方法也适用于音频标签

当选项卡的内容变为可见或隐藏时，将触发该事件

您应该在

visibilitychange

事件上检测选项卡的可见性，并在选项卡隐藏时暂停视频

var=true；
document.addEventListener（“visibilitychange”，函数（）{
专注=！专注；
如果（！聚焦）
document.getElementById（“视频”）.pause（）；
});


当选项卡的内容变为可见或隐藏时，将触发该事件

您应该在
visibilitychange
事件上检测选项卡的可见性，并在选项卡隐藏时暂停视频


var=true；
document.addEventListener（“visibilitychange”，函数（）{
专注=！专注；
如果（！聚焦）
document.getElementById（“视频”）.pause（）；
});

要暂停音频并保持视频播放还是同时暂停？要暂停音频并保持视频播放还是同时暂停？