// 各种浏览器兼容
var hidden, state, visibilityChange;
if (typeof document.hidden !== "undefined") {
hidden = "hidden";
visibilityChange = "visibilitychange";
state = "visibilityState";
} else if (typeof document.mozHidden !== "undefined") {
hidden = "mozHidden";
visibilityChange = "mozvisibilitychange";
state = "mozVisibilityState";
} else if (typeof document.msHidden !== "undefined") {
hidden = "msHidden";
visibilityChange = "msvisibilitychange";
state = "msVisibilityState";
} else if (typeof document.webkitHidden !== "undefined") {
hidden = "webkitHidden";
visibilityChange = "webkitvisibilitychange";
state = "webkitVisibilityState";
}
// 添加监听器
document.addEventListener(visibilityChange, function() {
console.log(document[state])
if(document[state] == 'hidden'){
$("video").trigger('pause');
}
if(document[state] == 'visible'){
$("video").trigger('play');
}
}, false);
document.onvisibilitychange 通过这个属性指定事件的回调函数
document.visibilityState 获取当前状态