Wistia 视频未出现在 iOS 上的 Phonegap 应用程序上



我有一个适用于iOS的Phonegap应用程序,允许将Wisita视频嵌入到iFrame中。

当我尝试在移动iOS设备上观看这些视频时,这些视频永远不会出现(就好像iFrame中不包含任何内容一样(。

我使用的嵌入代码如下:

<iframe>
<script src="//fast.wistia.com/embed/medias/foobar.jsonp" async></script>
<script src="//fast.wistia.com/assets/external/E-v1.js" async></script>
<div class="wistia_embed wistia_async_foobar" style="height:349px">&nbsp;</div>
</iframe>

编辑 - 我现在也尝试了以下嵌入代码:

<iframe class="wistia_embed" frameborder="0" id="iframe-content" name="wistia_embed" scrolling="no" src="//fast.wistia.net/embed/iframe/foobar?videoFoam=true">
</iframe>
<script src="//fast.wistia.net/assets/external/iframe-api-v1.js"></script>

请注意,这两种嵌入方法在桌面上的谷歌浏览器上都可以正常工作。

我在 Wistia 的状态页面上找到了以下内容,用于在"已知问题"下进行移动部署的内联播放:

  • iframe 嵌入将继续使用本机移动播放器。这两者目前在iOS中不能很好地协同工作(全屏 控件不适用于 iframe 嵌入(。

有谁知道如何让 Wistia 嵌入在 iFrame 中的 iOS 设备上工作?

您必须为

这些 url 提供协议,如果您不提供协议,则在 Cordova 应用程序中,将使用 file: 。

因此,请在示例的每个 src 的//之前添加http:https:

此外,您必须允许导航到应用程序内的这些 URL,因此您必须将 allow-navigation 标签添加到您的config.xml中,如下所示:

<allow-navigation href="http://fast.wistia.com/*" />
<allow-navigation href="http://fast.wistia.net/*" />

或者这个,如果你添加了HTTPS

<allow-navigation href="https://fast.wistia.com/*" />
<allow-navigation href="https://fast.wistia.net/*" />

最新更新