请选择 进入手机版 | 继续访问电脑版
Mozilla

火狐社区

登录    注册

QQ互联

iframe请求全屏被拒绝

Tekeyoko 社区新人 发表于 2019-1-22 11:02:34 | 显示全部楼层 [复制链接]
3 416
本帖最后由 Tekeyoko 于 2019-1-22 11:10 编辑

<a id="mapFullScreen" style="margin: 20px 0px -20px 0px;"><i class="fa fa-arrows-alt"></i></a>

<iframe id="geoframe" name="geoframe"
        src="geo/gaode.html" allowfullscreen="allowfullscreen"
        style="width: 100%; height: 735px;border: 1px solid #2a3b5d; opacity: 0.9"></iframe>


//点击全屏
$("#mapFullScreen").click(function () {
    //var elem = document.getElementById("geoframe");
    var elem = document.documentElement;
    requestFullScreen(elem);
});
function requestFullScreen(element) {
    var requestMethod = element.requestFullScreen || element.webkitRequestFullScreen || element.mozRequestFullScreen || element.msRequestFullScreen;
    console.log(requestMethod);
    if (requestMethod) {
        requestMethod.call(element);
    } else if (typeof window.ActiveXObject !== "undefined") {
        var wscript = new ActiveXObject("WScript.Shell");
        if (wscript !== null) {
            wscript.SendKeys("{F11}");
        }
    }
}
点击按钮请求iframe全屏。无论按钮是在iframe外面,还是在iframe页面里面,请求全屏都被阻止了,都是同样的报错。
chrome可以全屏,Firefox不行。



TIM截图20190122110150.png
xuyuehang Mozilla员工
发表于 2019-1-22 14:18:45 | 显示全部楼层
Tekeyoko 社区新人
发表于 2019-1-22 17:27:24 | 显示全部楼层
xuyuehang 发表于 2019-1-22 14:18
缺少allowfullscreen=true
?https://developer.mozilla.org/zh-CN/docs/Web/API/Element/requestFullScree ...

iframe里面有加了allowfullscreen="allowfullscreen" 或 allowfullscreen="true" ,但都是报了这个错误。会不会是我安装的Firefox有问题
Timon_2014 社区新人
发表于 2019-1-25 11:00:37 | 显示全部楼层
兄嘚,我也遇到同样的问题了,整了好几天了,你怎么解决的?
您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

快速回复 返回顶部 返回列表