2021-06-04

当如果你自己定义视频的组件的时候，如果你使用了webkitRequestFullScreen();方法来使视频全屏,但是这个方法需要设置video标签height和width为100%,

但如果你以开始自己定义了一个height和width的初始值,但是你如果进入到全屏状态下时按esc退出全屏时,此时video标签height和width还是为100%,就算你用

keydown事件绑定esc的按键,他也会优先执行video中全屏状态下按esc的默认行为,不会执行keydown的事件,但是可以通过window的resize事件来判断,因为当

你进入全屏状态下时document.body.scrollHeight是会改变的，可以根据document.body.scrollHeight的变化来执行你想要实现的函数

   
    // 为了记录当第一次窗口调整即进入全屏状态下当时的document.body.scrollHeight的值
    let enterFull = 0;
    // 保存进入全屏状态下document.body.scrollHeight的大小
    let scHeight = 0;

    window.addEventListener("resize", oriSize, false);

    function oriSize() {
      if (enterFull === 0) {
        scHeight = document.body.scrollHeight;
        enterFull++;
      }
      if (document.body.scrollHeight !== scHeight) {
        video.style.height = "250px"; // 自己定义的原始视频的大小
        video.style.width = "300px";
      }
    }

video就是video标签对象