视频监控电脑锁屏之后监控黑屏，无法加载视频

打印日志发现错误：Failed to load resource: net::ERR_NETWORK_IO_SUSPENDE

主要出现问题的原因是电脑锁频之后断网导致的，解锁之后，视频没有自动连接。初次之外，切换到其他页面或者锁屏之后，视频过多时，对计算机内存占用比较大，长时间播放监控视频容易导致电脑死机。因此想到一个优化的办法。

切换到其他页面或者锁屏10分钟之后，停止播放视频，重新打开页面时，重新打开视频。

具体代码如下：

//判断浏览器标签之间切换

let _this = this;

document.addEventListener('visibilitychange', function() {
  if (document.visibilityState=='hidden') {//切离该页面时执行
    _this.timer = setTimeout(()=>{
      //停止视频
    },600000)
  } else if(document.visibilityState=='visible') {//切换到该页面时执行
    clearInterval(_this.timer);
    //播放视频
  }
});
//判断网络
window.addEventListener('online', function() {
  //在线
});
window.addEventListener('offline', function() {
  //断网
});