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

您必须为这些网址提供协议，如果您不提供协议，则会使用以下文件：

因此，请在示例的每个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

1 个答案: