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

Posted 2023-03-15

【中文标题】Wistia 视频未出现在 iOS 上的 Phonegap 应用程序中

【英文标题】：Wistia videos not appearing on Phonegap app on iOS

【发布时间】：2018-01-04 00:56:33

【问题描述】：

我有一个适用于 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 设备上工作？

【参考方案1】：

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

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

【讨论】：

是的，就是这样！非常感谢。