requestFullscreen实现全屏展示

requestFullscreen实现全屏展示.

---

 

var fullContainer = document.getElementById('fullScreenContainer');
                //先把元素展示出来
                fullContainer.style.display = "block";
//  在调用Element.requestFullScreen()前，可建立 fullscreenchange 的事件处理，将方便调试是否成功请求全屏模式。
                if (fullContainer.requestFullscreen) {  // Opera
                    fullContainer.requestFullscreen();
                }
                // IE
                else if (fullContainer.msRequestFullscreen) {
                    fullContainer.msRequestFullscreen();
                }
                // 火狐浏览器
                else if (fullContainer.mozRequestFullScreen) {
                    fullContainer.mozRequestFullScreen();
                }
                // 谷歌浏览器、android浏览器
                else if (fullContainer.webkitRequestFullScreen) {
                    fullContainer.webkitRequestFullScreen();
                }

 

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

document.exitFullScreen() 兼容处理

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

webkitExitFullScreen()

b. firefox（火狐浏览器）

mozCancleFullScreen()

Firefox 44 前的浏览器不允许在或