离子 - 嵌入式视频不适用于 ios

Posted 2023-02-23

【中文标题】离子 - 嵌入式视频不适用于 ios

【英文标题】：Ionic - embedded videos not working on ios

【发布时间】：2016-08-09 11:11:58

【问题描述】：

我有一个 ionic 应用程序，我在其中显示视频，当我在 chrome 浏览器和 android 设备上测试它时工作正常，但在 iphone 上没有显示任何内容。这是我的html代码：

<iframe ng-show="article.external_media.length > 0 && article.external_media.url != ''" ng-src="article.external_media[0].url | safeUrl  "></iframe>

【问题讨论】：

我猜可能是您的 ios 阻止了来自外部位置的任意请求。

你有什么建议可以克服这个问题吗？

【参考方案1】：

如果将来有人需要它，我将发布我发现的问题的解决方案。这就是最终让 iframe 在 ios 上工作的原因：

<allow-navigation href="*" />

【参考方案2】：

如果问题来自 ios 阻止外部请求，请在 .plist 文件中添加配置行，如下所示：

<key>NSAppTransportSecurity</key>
<dict>
  <key>NSAllowsArbitraryLoads</key>
  <true/>
</dict>

【讨论】：

我已经有了，但是当我将这一行 添加到 config.xml 时，它终于开始在 ios 上工作了。

有道理，您应该更新答案或创建一个新答案作为此问题的解决方案。

我同意，我已经发布了答案。感谢您的帮助！