Ionic - embedded videos not working on ios

Question

I have an ionic app where I am displaying videos and that works fine when I test it in chrome browser and on android device, but nothing gets displayed on iphone. This is my html code:

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

Answer 1

I am posting the solution I found to the problem if anyone will need it in the future.This is what finally got the iframes to work on ios:

<allow-navigation href="*" />

Answer 2

If the problem comes from ios blocking external requests, add a configuration line on you .plist file like so:

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