Question

我有一个离子应用程序，我正在显示视频，当我在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>

Answer 1

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

<allow-navigation href="*" />

Answer 2

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

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

Answer 3

我已经添加了<allow-navigation href="*" />，但是对我来说无效。所以最后我引用了this，并将此代码添加到我的index.html中。对我有用！！欢呼！！

<meta http-equiv="Content-Security-Policy"
      content="default-src * 'self' data: gap: 'unsafe-inline' 'unsafe-eval';
      style-src * 'self' 'unsafe-inline' 'unsafe-eval' gap:;
      script-src * 'self' 'unsafe-inline' 'unsafe-eval' gap:; frame-src *;">

离子 - 嵌入式视频无法在ios上运行

3 个答案: