|
发表于 2019-3-19 17:25:41
|
显示全部楼层
本帖最后由 kok 于 2019-3-19 17:32 编辑
可以通过document.hidden属性判断当前页面是否是激活状态。
兼容性:IE10+,Firefox10+,Chrome14+,Opera12.1+,Safari7.1+
兼容性写法示例:
[ol]var hiddenProperty = 'hidden' in document ? 'hidden' : 'webkitHidden' in document ? 'webkitHidden' : 'mozHidden' in document ? 'mozHidden' : null;var visibilityChangeEvent = hiddenProperty.replace(/hidden/i, 'visibilitychange');var onVisibilityChange = function(){ if (!document[hiddenProperty]) { Media.pause();//页面非激活,暂停(播放器使用的HTML5的video标签) }else{ Media.play(); //页面激活,播放(如果是用开源播放器对应看其播放暂停说明代码放进去 自己再对应放进去) }}document.addEventListener(visibilityChangeEvent, onVisibilityChange);[/ol]复制代码
|
|