H5实现浏览器全屏API(全屏进入和全屏退出)

来源：互联网发布：博罗人民政府网络问政编辑：程序博客网时间：2024/06/05 14:41

【进入和退出全屏】

// Webkit (works in Safari5.1 and Chrome 15)
element.webkitRequestFullScreen();
document.webkitCancelFullScreen();

// Firefox 10+
element.mozRequestFullScreen();
document.mozCancelFullScreen();

// W3C 提议
element.requestFullscreen();
document.exitFullscreen();

【兼容解决方案】

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

阅读全文

2 0