iframe 父页面全屏同时子页面 viewer轮播插件全屏放大 Uncaught DOMException: Blocked a frame with origin null from acce

1.在父页面<iframe allowfullscreen="true" ></iframe> 标签要加上 allowfullscreen="true"兼容火狐的

2.在viewer.js全屏代码里（ play: function play() {...｝）添加父页面的操作

if (fullscreen) {$("iframe",window.parent.document).each(function(index,element){var requestMethod = element.requestFullScreen || element.webkitRequestFullScreen || element.mozRequestFullScreen || element.msRequestFullScreen;if (requestMethod) {requestMethod.call(element);} else if (typeof window.ActiveXObject !== "undefined") {var wscript = new ActiveXObject("WScript.Shell");if (wscript !== null) {wscript.SendKeys("{F11}");}}});this.requestFullscreen();}

3.然后在360和火狐都可以全屏了，搞了两天的bug，终于搞定，善哉善哉

4.测试的时候，要放到服务器上才可以有效果的，要不然报错Uncaught DOMException: Blocked a frame with origin "null" from accessing a cross-origin frame

iframe 父页面全屏同时子页面 viewer轮播插件全屏放大 Uncaught DOMException: Blocked a frame with origin null from acce相关推荐

页面嵌套iframe怎么调用父页面的方法，子页面回调父页面函数方法
父页面要有此函数 //子页面回调此函数 IndexCallback = function() {console.log('我是父页面的方法') } 子页面回调父页面的方法 window.parent. ...
iframe跨端口报错：Blocked a frame with origin
iframe跨端口报错简单解决方法报错信息 Uncaught DOMException: Blocked a frame with origin "https://www.XXX.com ...
layui 编辑页面没有等父页面值传入就渲染完了，导致父页面数据没有传入子页面
使用layui来做后台管理,遇到一个很奇葩的问题: 在list页面列出了所有的记录,然后点击编辑,弹出一个新页面来显示需要修改的字段,然后里面有几个checkbox,使用 body.find(&quo ...
页面跨域与iframe通信(Blocked a frame with origin)
项目中有个需求是在前后端分离的情况下,前台页面将后台页面加载在预留的iframe中:但是遇到了iframe和主窗口双滚动条的情况,由此引申出来了问题: 只保留单个滚动条,那么就要让iframe的高度自 ...
slick.js基于jQuery全屏轮播插件
下载地址基于slick.js轮播插件实现的全屏轮播效果,支持图片和文字动画显示效果. dd:
iframe跨端口报错 Blocked a frame with origin from accessing a cross-origin frame
前言在不同的端口号,甚至是不同的ip进行iframe嵌套的时候,在父页面调用子页面的方法的时候,报错 SecurityError: Blocked a frame with origin f ...
vue骨架屏、时间选择器、轮播图。。你想要的这里全都有
骨架屏.时间选择器.轮播图..你想要的这里全都有,没有就补.补.补项目伊始,秉承能自己写就不用额外install的原则,提取了一些项目中时常要用到的公用组件.插件和样式,github地址:https ...
框架页面中，从子页面刷新父页面问题解决
上次做的一个项目的主页面是那种框架的效果, 左边点什么右边的子页面对应各个页面. 我开始要做的功能是当点击某个连接时,且session超时的时候．右边就出来一个登陆错误页面, 上面有个Button跳转 ...
vue 子页面调用父页面的参数_js父页面调用子页面数据时，子页面通过父页面传过来的参数回调父页面具体方法_html/css_WEB-ITnose...
今天写代码时发现同一页面多个地方需要调用同一个子页面,如果多个方法调用时,同一子页面回调父页面方法则会出问题,所以查了下资料,让这个功能通用化,根据具体方法回调具体父页面方法,顺便总结一下,希望以后可 ...

iframe 父页面全屏同时子页面 viewer轮播插件全屏放大 Uncaught DOMException: Blocked a frame with origin null from acce

iframe 父页面全屏同时子页面 viewer轮播插件全屏放大 Uncaught DOMException: Blocked a frame with origin null from acce相关推荐

最新文章

热门文章