js实现各浏览器全屏代码实例
现代浏览器包括ie11,可以直接用h5的全屏api实现
低版本的IE需要通过ActiveX插件实现;
//直接上代码
现代浏览器全屏 现代浏览器退出 低版本ie全屏 //全屏 functionfullScreen(){ varel=document.documentElement; varrfs=el.requestFullScreen||el.webkitRequestFullScreen||el.mozRequestFullScreen||el.msRequestFullscreen; if(typeofrfs!="undefined"&&rfs){ rfs.call(el); }; return; } //退出全屏 functionexitScreen(){ if(document.exitFullscreen){ document.exitFullscreen(); } elseif(document.mozCancelFullScreen){ document.mozCancelFullScreen(); } elseif(document.webkitCancelFullScreen){ document.webkitCancelFullScreen(); } elseif(document.msExitFullscreen){ document.msExitFullscreen(); } if(typeofcfs!="undefined"&&cfs){ cfs.call(el); } } //ie低版本的全屏,退出全屏都这个方法 functioniefull(){ varel=document.documentElement; varrfs=el.msRequestFullScreen; if(typeofwindow.ActiveXObject!="undefined"){ //这的方法模拟f11键,使浏览器全屏 varwscript=newActiveXObject("WScript.Shell"); if(wscript!=null){ wscript.SendKeys("{F11}"); } } } //注:ie调用ActiveX控件,需要在ie浏览器安全设置里面把‘未标记为可安全执行脚本的ActiveX控件初始化并执行脚本'设置为启用
注:实际应用中,可通过区分ie11ie10,其它浏览器,控制按钮的显示、隐藏来实现适用各浏览器的全屏功能;