如何检查活动标签页是否打开？当用户离开标签页时，我想使网站上的视频静音。目前，我正在使用：
$(window).on('focus', function() {
$("video").prop('muted', false);
});
但是当用户单击地址栏时，视频被静音，因此这是意外的。我可以避免这种行为吗？最好的解决方案是在此网页上找到类似的内容：http : //volkswagen-sportscars.fr/cars/当用户在浏览器中打开其他选项卡时，声音会平稳地调低。这个怎么做的？
较新的浏览器（IE10及更高版本）支持页面可见性API
页面可见性API可让您知道网页何时可见或处于焦点状态。使用选项卡式浏览时，任何给定的网页都有可能在后台出现，因此对用户不可见。当用户最小化网页或移动到另一个选项卡时，API将发送有关页面可见性的可见性更改事件。您可以检测到该事件并执行某些操作或表现不同。例如，如果您的Web应用正在播放视频，则它将在用户查看其他浏览器时暂停播放，并在用户返回至标签页时再次播放。用户不会在视频中失去自己的位置，可以继续观看。
用了这样的东西
var hidden, visibilityChange;
if (typeof document.hidden !== "undefined") {
hidden = "hidden";
visibilityChange = "visibilitychange";
} else if (typeof document.mozHidden !== "undefined") {
hidden = "mozHidden";
visibilityChange = "mozvisibilitychange";
} else if (typeof document.msHidden !== "undefined") {
hidden = "msHidden";
visibilityChange = "msvisibilitychange";
} else if (typeof document.webkitHidden !== "undefined") {
hidden = "webkitHidden";
visibilityChange = "webkitvisibilitychange";
}
document.addEventListener(visibilityChange, handleVisibilityChange, false);
function handleVisibilityChange() {
$("video").prop('muted', document[hidden]);
}
本文收集自互联网，转载请注明来源。
如有侵权，请联系[email protected] 删除。
我来说两句