Javascript 从Adobe Captivate中的小部件编辑iframe属性

Javascript 从Adobe Captivate中的小部件编辑iframe属性,javascript,widget,adobe-captivate,html5-fullscreen,Javascript,Widget,Adobe Captivate,Html5 Fullscreen,我正在为AdobeCaptivate编写一个小部件,它必须在HTML5中工作。此小部件包含一个切换全屏模式的按钮。基本上,该插件如下所示: 功能切换全屏(elem){ elem=elem | | document.documentElement; 如果(!document.fullscreenElement&&!document.mozFullScreenElement&& !document.webkitFullscreenElement&!document.msFullscreenElem

我正在为AdobeCaptivate编写一个小部件,它必须在HTML5中工作。此小部件包含一个切换全屏模式的按钮。基本上,该插件如下所示:

功能切换全屏(elem){
elem=elem | | document.documentElement;
如果(!document.fullscreenElement&&!document.mozFullScreenElement&&
!document.webkitFullscreenElement&!document.msFullscreenElement){
if(元素请求全屏){
元素请求全屏();
}else if(elem.msRequestFullscreen){
elem.msRequestFullscreen();
}else if(元素mozRequestFullScreen){
elem.mozRequestFullScreen();
}else if(元素webkitRequestFullscreen){
元素webkitRequestFullscreen(元素允许键盘输入);
}
}否则{
if(document.exitFullscreen){
document.exitFullscreen();
}else if(document.msexit全屏){
document.msExitFullscreen();
}else if(document.mozCancelFullScreen){
document.mozCancelFullScreen();
}else if(document.webkitExitFullscreen){
document.webkitExitFullscreen();
}
}
}
document.getElementById(“全屏”).addEventListener(“单击”,切换全屏)

在Javascript中使用
parent
属性切换全屏
就足够了。然后,您可以使用此行添加
allowfullscreen
属性:

parent.document.getElementsByTagName('iframe')[0].setAttribute('allowFullScreen', 'true');

但是,当显示来自本地源的已发布项目(跨源保护)时,这不起作用。当从Web服务器(甚至本地主机)显示时,它工作正常。

如果我编辑CPM.js文件并在iframe属性中添加属性
allowfullscreen:“true”
,则该按钮工作正常。显然,这不是一个解决方案,因为发布项目后需要文件版本。