function fullscreen(){//全屏

        var elem=document.body;

        if(elem.webkitRequestFullScreen){

            elem.webkitRequestFullScreen();

        }else if(elem.mozRequestFullScreen){

            elem.mozRequestFullScreen();

        }else if(elem.requestFullScreen){

            elem.requestFullscreen();

        }else{

            alert("瀏覽器不支持全屏API或已被禁用")

        }

    }

    function exitFullscreen(){//退出全屏

        var elem=document;

        if(elem.webkitCancelFullScreen){

            elem.webkitCancelFullScreen();

        }else if(elem.mozCancelFullScreen){

            elem.mozCancelFullScreen();

        }else if(elem.cancelFullScreen){

            elem.cancelFullScreen();

        }else if(elem.exitFullscreen){

            elem.exitFullscreen();

        }else{

            alert("瀏覽器不支持全屏API或已被禁用")

        }

    }

以上代碼 親測有效 我之前用過的 算是比較全面的兼容 你自己看看 哪里有問題 你寫的代碼

試試這個(gè)：