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嵌入将继续使用本机移动播放器。这两个目前在iOS中不能很好地协同工作（全屏控件不能与iframe嵌入一起使用）。

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

Answer 1

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

所以，在http:之前在你的例子的每个src上添加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/*" />