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才可以退出全屏