Question

我正在wordpress下构建一个网站，我正在使用highslide在iframe中显示flash视频播放器。

此播放器通常可以通过单击专用按钮全屏显示，但由于它是在Away3D中开发的，因此全屏无法使用谷歌浏览器（已知错误）：它是空白的。

这就是为什么我必须在页面上使用脚本加载播放器以通过google全屏API全屏显示。

您可以在以下测试网站上看到示例（由于我现在离线工作，因此我专门为您编写了这些示例）：

http://ipgtest.co.nf

第一张ipad图片只加载了一个经典的高级幻灯片：它运行得很好。
第二个ipad图像单独加载Flash播放器加载页面，您会看到播放器上的全屏按钮（箭头）在Google Chrome和其他浏览器上完美运行。
第三张ipad图片在高级幻灯片中加载iframe中的flash播放器加载页面，你会发现全屏按钮在Google Chrome上根本不起作用...

随时阅读http://ipgtest.co.nf/play/index.html的源代码，了解如何正常照顾Chrome全屏。

为了你的帮助，坦克很多，我真的很想找到解决方案......

朱利安

Answer 1

基于Juliens latest comment上面的{{3}}，通过将allowfullscreen webkitallowfullscreen mozallowfullscreen添加到iframe的代码来获取有关技巧的信息，唯一的解决方案是将相同的代码添加到在高流失中创建iframe的代码中 - full.js文件（或highslide-with-html.js文件 - 它取决于您使用的Highslide文件）。

在文本编辑器（不是Word或类似文件）中打开Highslide js文件并找到以下行：
（highslide-full.js中的第1668行 - highslide-with-html.js中的第1435行/版本4.1.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 +'" '

Highslide：全屏无法在iframe中运行

1 个答案: