HTML5实现全屏API【进入、退出全屏】

现在主流浏览器基本都实现了全屏效果，但是不同的浏览器实现方式不同：

// Webkit（适用于 Safari5.1 和 Chrome 15）
element.webkitRequestFullScreen();
document.webkitCancelFullScreen();

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

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

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

注意：可能出于安全考虑，全屏只能通过手动触发实现，浏览器自动执行没有效果。

【示例】

document.body.addEventListener('click',function(){
requestFullScreen();
//5秒后自动退出全屏
setTimeout(函数(){
exitFullscreen();
},5000);
},假）; -->