Element.requestFullScreen() -- 全屏显示

Element.requestFullScreen() -- 全屏显示

 Element.requestFullscreen()

1. Element.requestFullscreen()方法用于 异步请求使得Element（该元素）全屏显示。

Element.requestFullscreen()不能保证该元素被设置为全屏模式，如果允许该元素进入全屏模式，document将接受到fullscreenchange event事件；如果不允许，则document将接受fullscreenerror event事件。

2. 注意：

在调用Element.requestFullScreen()前，可建立 fullscreenchange和fullscreenerror 的事件处理，将方便调试是否成功请求全屏模式。

3. 浏览器的兼容性

a. chrome（谷歌浏览器、android浏览器）

webkitRequestFullScreen()

b. firefox（火狐浏览器）

mozRequestFullScreen()

Firefox 44 前的浏览器不允许在<frame>或<object>内的元素请求全屏；

在Firefox 44+,允许在顶层document（即body）内的元素或者<iframe>内的元素设置 allowfullScreen属性，则允许请求全屏显示；

c. IE

msRequestFullScreen()

d. Opera

oRequestFullScreen()

注意：这里的Element表示为元素，即DOM元素

 document.exitFullSreen()

1. document.exitFullScreen()方法用于将文档请求退出全屏模式

2. 兼容处理

a. chrome（谷歌浏览器、android浏览器）

webkitExitFullScreen()

b. firefox（火狐浏览器）

mozCancleFullScreen()

Firefox 44 前的浏览器不允许在<frame>或<object>内的元素请求全屏；

在Firefox 44+,允许在顶层document（即body）内的元素或者<iframe>内的元素设置 allowfullScreen属性，则允许请求全屏显示；

c. IE

msExitFullScreen()

d. Opera

oExitFullScreen()

前缀的兼容处理

前往 ：html5 api方法 的兼容处理(前缀处理)

http://blog.youkuaiyun.com/watersprite_ct/article/details/78316627