vue js监听浏览器tab页切换

最近开发了需求，浏览器播放视频，切换到其他tab页面视频暂停，切换回来视频重新播放。监听属性addEventListener用起来啊。
一顿操作猛如虎…结果能监听到离开和回来，但是这时候页面的dom找不到了，无法暂停视频啊！
百思不得其解…凉了啊！试来试去…原来我把监听事件放到了mounted找不到dom…
重要！要放到created中，解决

document.addEventListener('visibilitychange', () => {
   if(document.visibilityState === 'hidden') { // 离开当前tab标签
      console.log('离开当前tab标签')
      // 暂停视频
    }else {
      // 播放视频
      console.log('回到当前tab标签')
    }
   }