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()
}