最新消息:从今天开始,做一个有好习惯的人。

火狐浏览器全屏api在iframe下不可用的问题

问题收集 迷路的老鼠 4333浏览 5评论

火狐提供了全屏的api,这个网上一大把,就不详细介绍了,只是说说一个特殊情况,即在iframe子页面全屏时无效。

产生的原因是火狐的安全机制不允许iframe里面的页面做浏览器级的操作。所以这种情况需要给火狐一个授权标识。

具体做法是在父页面iframe增加属性allowFullScreen,值为true,即可。

1
allowFullScreen="true"

参见:https://stackoverflow.com/questions/18491330/cant-switch-to-fullscreen-mode-from-an-iframe

js

js

转载请注明:迷路的老鼠 » 火狐浏览器全屏api在iframe下不可用的问题

发表我的评论
取消评论

表情

Hi,您需要填写昵称和邮箱!

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址

网友最新评论 (5)

  1. 赞!
    wa10年前 (2014-11-15)回复
  2. 为什么您的网站在手机上显示不全?编码问题?
    wa10年前 (2014-11-15)回复
    • 不是不全,是宽度不是百分比设置的,所以,有些靠右了,你要往右边滑一下。
      admin10年前 (2014-11-30)回复
      • 可能是手机屏显限制吧,左右都滑不了。
        wa10年前 (2014-12-01)回复
        • 这...明天我瞧瞧
          admin10年前 (2014-12-01)回复