Highslide:全屏不是一个iframe

问题描述:

我下的wordpress建立一个网站工作,我使用highslide到diplay在iframe Flash视频播放器。Highslide:全屏不是一个iframe

该播放器可以正常去点击一个专门的按钮全屏,但因为它在Away3D中真实developped全屏不与谷歌浏览器(俗称臭虫)工作:它是一片空白。

这就是为什么我不得不使用一个脚本在页面加载玩家通过谷歌全屏API全屏去。

你可以看到下面的测试网站的例子(即我提出了只为你,因为我现在脱机工作):

http://ipgtest.co.nf

  • 首批iPad图像只是加载一个经典高山滑坡:它的运作完美。
  • 第二iPad的图像单独加载flash播放器加载页面,你会看到播放机上的全屏按钮(箭头)的作品完美的谷歌Chrome和其他浏览器。
  • 第三iPad的图像加载Flash播放器加载页面在highslide iframe中,你会看到全屏按钮不会在谷歌浏览器在所有的工作...

随意阅读查看http://ipgtest.co.nf/play/index.html的源代码,了解如何正常处理镀铬全屏。

坦克了很多的帮助,我真的despear找到解决的办法......

朱利安

+0

你确定你使用的是允许谷歌浏览器全屏脚本是为了工作在iframe中?我得到的Highslide IFRAME弹出Chrome的全屏按钮相同的结果,因为我做的时候,我把你的网页在一个普通的iframe:'

+0

嗯,你是对的,我使用THREEx,它不是在iframe中工作,但有一个技巧,通过添加”allowfullscreen webkitallowfullscreen mozallowfullscreen width =“xxx”height =“yyy”frameborder =“0”>“在一个普通的iframe上,我添加了一个测试iframe(你可以在网站上看到它),它在iframe中工作,但它仍然不能在Highslide里面工作,因为iframe不叫做同样的方式......我不知道如何包含其它附加scipts允许全屏......你有什么线索?非常感谢 ! – 2013-03-08 13:32:35

基于Juliens latest comment以上约一招信息加入allowfullscreen webkitallowfullscreen mozallowfullscreen到代码的iframe中,唯一的解决方案是将相同的代码添加到在highslide-full.js文件(或highslide-with-html.js文件 - 它取决于您使用哪个Highslide文件)中创建iframe的代码中。

打开Highslide JS在文本编辑器文件(不Word或类似),并找到这一行:
(在highslide-full.js行1668 - 1435线在highslide与 - html.js /两版本4.1 0.13,行号可能会在以后的版本中改变)

this.body.innerHTML += '<iframe name="hs'+ (new Date()).getTime() +'" frameborder="0" key="'+ this.key +'" ' 

更改行这样的:

this.body.innerHTML += '<iframe allowfullscreen webkitallowfullscreen mozallowfullscreen name="hs'+ (new Date()).getTime() +'" frameborder="0" key="'+ this.key +'" ' 
+0

它的工作,感谢Roadrash! – 2013-03-09 19:43:42