Fullscreen API
进入全屏模式
// 找到正确的方法 functionlaunchFullScreen(element){ if(element.requestFullScreen) { element.requestFullScreen(); } elseif(element.mozRequestFullScreen) { element.mozRequestFullScreen(); } elseif(element.webkitRequestFullScreen) { element.webkitRequestFullScreen(); } } // 启动全屏模式 launchFullScreen(document.documentElement); // 整个页面 launchFullScreen(document.getElementById(“videoElement”)); // 单独元素
退出全屏模式
functioncancelFullscreen(){ if(document.cancelFullScreen) { document.cancelFullScreen(); } elseif(document.mozCancelFullScreen) { document.mozCancelFullScreen(); } elseif(document.webkitCancelFullScreen) { document.webkitCancelFullScreen(); } } // 取消全屏 cancelFullscreen();
全屏属性和事件
document.fullScreenElement:当前全屏显示的元素。document.fullScreenEnabled:判断浏览器是否支持全屏。 fullscreenchange事件:全屏状态改变事件。