Ionic 5 iframe not working

Ionic Framework
1

I cant use ıframe. Iframe screen is gettingt white screen.
I tried these,
1- I added meta tag for content security policy in index.html
2-I added allow intent tag in config.xml file
3-I added saferesource url with domsanitizer

these are not working for me.PLease help me.
Please,dont say me use inappbrowser because this is not themable. I tried themable browser but this is not working correctly on ionic5.

2

you should be able to use iframe without any additional config. In fact i’m just using in my apps:

example:

  
<ion-content id="livecam">
 
    <iframe src='someurl' width="100%" height="100%" frameborder="0" allowfullscreen>
    </iframe>

 


 
 
</ion-content>
3

Hi! Thanks for reply. This method not working for me:( I added secreenshot:

img
img1592×877 197 KB

And this is my code:

<iframe src="https://angular.io/api/router/ExtraOptions#onSameUrlNavigation" width="100%" height="100%" [frameBorder]="0" allowfullscreen>

  </iframe>

Please Help me:(

My Versions:
“@angular/common”: “^14.0.0”,
“@angular/core”: “^14.0.0”,
“@angular/forms”: “^14.0.0”,
“@angular/platform-browser”: “^14.0.0”,
“@angular/platform-browser-dynamic”: “^14.0.0”,
“@angular/router”: “^14.0.0”,
“@ionic/angular”: “^6.1.9”,
“@ionic/cordova-builders”: “^6.1.0”,
“cordova-ios”: “6.2.0”,

4

Check the X-Frame-Options header on the site/URL you are trying to load. It may not be allowed to be loaded in an iframe.

5

when i open it as web app i can see the iframe content

6

image
image895×504 51.9 KB

7

Thanks. could you please explain me I am able to seen on web but mobile.

8

So, it’s working in your app in the web browser but not on a native build for iOS or Android?

9

Yes ! This Worked web browser but not on a native build.