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>

EDIT - 我现在也尝试了以下嵌入代码：

<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 上都可以正常工作。

我在 "known issues" 下的 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

您必须为这些网址提供协议，如果您不提供，在 Cordova 应用程序中，将使用文件：。

因此，在您示例的每个 src 的 // 之前添加 http: 或 https:。

此外，您必须允许导航到应用程序内的那些网址，因此您必须将 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/*" />

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

Wistia videos not appearing on Phonegap app on iOS

ios

cordova

wistia

phonegap