HTML5全屏代碼片段

jopen 10年前發布 | 13K 次閱讀 HTML5 前端技術

fullScreen:function(){
            var fullTarget=$(".fullScreen")[0];

        if(fullTarget.webkitRequestFullScreen){
            fullTarget.webkitRequestFullScreen();
        }
        else if(fullTarget.mozRequestFullScreen){
            fullTarget.mozRequestFullScreen();
        }
        else if(fullTarget.requestFullscreen){
            fullTarget.requestFullscreen();
        }
        else if(navigator.userAgent.indexOf('MSIE')>-1){
            $("body").removeClass('fullScreen');
            var href=document.location.href;
            if(href.indexOf("fullscreen")>-1) window.open(href,"","fullscreen,scrollbars=no,Resizable=no");
            else window.open(href+"fullscreen","","fullscreen,scrollbars=no,Resizable=no");
        }


    },
    existFullScreen:function(){
        if(document.webkitIsFullScreen){
            document.webkitCancelFullScreen();
        }
        else if(document.mozFullScreen){
            document.mozCancelFullScreen();
        }
        else if(document.fullScreen){
            document.cancelFullScreen();
        }
        else{
            self.close();
        }
    },
    fullScreenListen:function(){
        $(document).on('webkitfullscreenchange mozfullscreenchange fullscreenchange',function(){
            if (document.mozFullScreen ||document.webkitIsFullScreen ){
                $("body").addClass('fullScreen');
            }
            else{
                $("body").removeClass('fullScreen');
            }
        }); 
    },</pre><br />
 本文由用戶 jopen 自行上傳分享,僅供網友學習交流。所有權歸原作者,若您的權利被侵害,請聯系管理員。
 轉載本站原創文章,請注明出處,并保留原始鏈接、圖片水印。
 本站是一個以用戶分享為主的開源技術平臺,歡迎各類分享!