JS 控制全屏方法

JS 控制全屏方法

记录下项目中用到的js控制全屏方法，需要注意的是，各浏览器为了用户体验，禁止js自动全屏，意味着需要用户与浏览器交互才能触发以下全屏API。

let element = document.documentElement
// 退出全屏
if (document.exitFullscreen) {
  document.exitFullscreen()
} else if (document.webkitCancelFullScreen) {
  document.webkitCancelFullScreen()
} else if (document.mozCancelFullScreen) {
  document.mozCancelFullScreen()
} else if (document.msExitFullscreen) {
  document.msExitFullscreen()
}
// 进入全屏
if (element.requestFullscreen) {
  element.requestFullscreen()
} else if (element.webkitRequestFullScreen) {
  element.webkitRequestFullScreen()
} else if (element.mozRequestFullScreen) {
  element.mozRequestFullScreen()
} else if (element.msRequestFullscreen) { // IE11
  element.msRequestFullscreen()
}