全屏API 进入和退出全屏

注意：文字也可以进入全屏，在一些博客等文章性的页面，两侧有一些广告，可以使用全屏，来增加用户体验度。

例子：

// 进入全屏和退出全屏的方法：

// requestFullScreen

// cancelFullScreen

// 在不同浏览器下，需要添加内核前缀，一般是：webkit和moz

// API调用方式：

// 进入和退出全屏的API只能经由用户事件调用触发，不能让浏览器自执行

// 任何一个标签都可以调用全屏API进入全屏效果，一般常用于视频标签的全屏按钮

var wrap = document.querySelector('.wrap'),

btn = document.querySelector('#btn');

btn.onclick = function () {

wrap.webkitRequestFullScreen();

}