JesseeSong
JesseeSong
2019-04-03 14:52

html页面全屏问题 火狐浏览器报错 请求全屏已拒绝,至少一个文档包含的元素不是一个 iframe

  • html5
  • firefox
  • javascript

HTML 点击全屏,实现 本页面全屏展示 , 单独打开HTML文件没问题,放到工程里谷歌没问题,火狐报错:请求全屏已拒绝,至少一个文档包含的元素不是一个 iframe,或没有"allowfullscreen"属性。

html代码

    <div id="showscreen" class="ol-unselectable ol-control  tool-button draw-button"> 
                <button type="button"  onclick="showOrNone();" title="全屏" style="width:80px" ><image src="static/img/ico_qp.png" height="16px" width="16p"></image><span>&nbsp;&nbsp;全 &nbsp;屏</span></button>
                </div>

js代码

function showOrNone(){

            var isFullscreen = document.fullScreenElement//W3C
                    ||document.msFullscreenElement //IE
                    ||document.mozFullScreenElement //火狐
                    ||document.webkitFullscreenElement //谷歌
                    ||false;
    if(!isFullscreen){
        var el = document.documentElement;
        if (el.requestFullscreen) { 
            el.requestFullscreen(); 
        } else if (el.mozRequestFullScreen) { 
            el.mozRequestFullScreen(); 
        } else if (el.webkitRequestFullscreen) { 
            el.webkitRequestFullscreen(); 
        } else if (el.msRequestFullscreen) { 
            el.msRequestFullscreen(); 
        } 
    }else{
        if (document.exitFullscreen) { 
            document.exitFullscreen(); 
        } else if (document.msExitFullscreen) { 
            document.msExitFullscreen(); 
        } else if (document.mozCancelFullScreen) { 
            document.mozCancelFullScreen(); 
        } else if (document.webkitCancelFullScreen) { 
            document.webkitCancelFullScreen(); 
        } 
    }

        }

报错
请求全屏已拒绝,至少一个文档包含的元素不是一个 iframe,或没有"allowfullscreen"属性。

  • 点赞
  • 回答
  • 收藏
  • 复制链接分享

0条回答