Javascript: HTML元素的全屏和缩小

HTML5更新API, 但是每个浏览器所实现的方法有所不同
在全屏化的时候, 需要传递需要全屏的元素, 我最近在做播放器demo, 所以传入的是video

//进入全屏
      function FullScreen(ele) {
        if (ele.requestFullscreen) {
          ele.requestFullscreen();
        } else if (ele.mozRequestFullScreen) {
          ele.mozRequestFullScreen();
        } else if (ele.webkitRequestFullScreen) {
          ele.webkitRequestFullScreen();
        }
      }
      //退出全屏
      function exitFullscreen() {
      	let de = document;
        if (de.exitFullscreen) {
          de.exitFullscreen();
        } else if (de.mozCancelFullScreen) {
          de.mozCancelFullScreen();
        } else if (de.webkitCancelFullScreen) {
          de.webkitCancelFullScreen();
        }
      }

这里三个判断分别对应W3C建议的标准方法, 火狐的实现和chrome的实现
不知道为什么, 全屏以后, 元素需要hi使用document.exiteFullscreen才可以退出全屏