html video 标签 监听Dom变动（F12操作dom）

 

  const observer = new MutationObserver(this.callback)
    const targetNode = document.getElementById('video')
    const config = { attributes: true }
    observer.observe(targetNode, config)

    var video = document.getElementsByTagName('video')[0];

    video.addEventListener('fullscreenchange', this.handleFullscreenChange);
    video.addEventListener('webkitfullscreenchange', this.handleFullscreenChange);

 

    callback() {
      console.log('callback')
    },

　　

    handleFullscreenChange() {
      console.log("all")
      // const canvas = document.getElementById("canvas");

      if (document.fullscreenElement || document.webkitFullscreenElement) {
        // 进入全屏模式
        // console.log("进入全屏模式")
      } else {
        // 退出全屏模式
      }
    }