MediaSource 非当前窗口

 

可以监听浏览器非当前窗口试试:

 

我会使用jQuery因为那样你所要做的就是:

$(window).blur(function(){
  //your code here});
$(window).focus(function(){
  //your code});

可以参考这个:

http://www.imooc.com/wenda/detail/561021

 

 我们需要在特定的时候判断页面的显示状态,例如:当视频加载到可播放状态时,根据用户是否停留在当前页面来决定是否开始自动播放。页面的展示的状态的判断就需要用到html5新增的一个api:document.hidden。

  document.hidden属性:bool型,表示页面是否处于隐藏状态。页面隐藏包括页面在后台标签页或者浏览器最小化。

  visibilitychange事件:当文档的可见性改变时触发。

   兼容性写法如下,当在浏览器里切换标签页或者最小化时就会console打印出状态的变化:

1

2

3

4

5

6

7

8

9

10

11

12

13

14

15

16

17

18

19

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, function() {

    console.log("当前页面是否被隐藏:" + document[hidden]);

}, false);

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

AI算法网奇

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值