我有一个有视频内容的应用程序。我希望视频只在页面播放时播放 对用户可见。页面可见性API帮助了我。
以下是我的完整代码:http://jsfiddle.net/d9bhzL1n/
document.addEventListener('visibilitychange', function(event) {
if (!document.hidden) {
// The page is visible.
} else {
// The page is hidden.
}
});
请打开小提琴并切换标签。
到目前为止一切顺利。但是,可以通过iphone IOS chrome激活visibilitychange事件(虽然可以在safari中正常工作)。当我们点击主页按钮时,我需要触发此事件,以便我可以阻止视频在后台播放。
请建议。感谢。