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