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

Question

我有一个适用于 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 embeds will continue to use the native mobile player. These two don't currently play nicely together in iOS (the fullscreen control won't work with iframe embeds).

有谁知道如何让 Wistia 嵌入在 iFrame 中的 iOS 设备上运行？

Answer 1

您必须为这些 url 提供协议(protocol)，如果您不提供，则在 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/*" />