0

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

该播放器通常可以通过单击专用按钮进入全屏状态，但由于它是在 Away3D 中开发的，因此全屏无法与 Google Chrome 一起使用（已知错误）：它会变为空白。

这就是为什么我必须在加载播放器的页面上使用脚本通过谷歌全屏 API 进入全屏状态。

您可以在以下测试站点上查看示例（由于我现在离线工作，所以我只是为您编造的）：

http://ipgtest.co.nf

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

请随意阅读http://ipgtest.co.nf/play/index.html的源代码，了解如何正常处理 chrome 全屏。

坦克很多你的帮助，我真的很绝望找到一个解决方案......

朱利安

4

1 回答 1

2

基于上面Juliens 的最新评论以及通过添加allowfullscreen webkitallowfullscreen mozallowfullscreen到 iframe 的代码中的技巧的信息，唯一的解决方案是将相同的代码添加到在 highslide-full.js 文件（或 highslide-with 中）创建 iframe 的代码中-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 +'" '
于 2013-03-09T05:40:18.067 回答