2

我有一个适用于 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>

请注意,这两种嵌入方法都可以在桌面版 Google Chrome 上正常工作。

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

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

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

4

1 回答 1

1

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

因此,在示例的每个 src 上添加http:orhttps:之前。//

此外,您必须允许导航到应用程序内的这些 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/*" />
于 2018-01-04T15:26:55.957 回答