Iframe is not working

[assingh]

Iframe is not working after move on Cloudflare.

[fritex]

May I ask what error do you get in the Developer Console (F12) of your Web browser?

Are you trying to fetch a HTTP resource and show it on your HTTPS Website?

My best guess is that the x-frame-options HTTP header is being present at your domain

Does your origin host/server for that URL return some of the security HTTP headers like the above mentioned one:

Nevertheless, it knows to happen that it doesn’t even come from origin host/server, rather some app frameworks are producing them.

Without knowing the bahaviour of how iFrame is being created and manipulated, if Cloudflare does it, you could try to:

1. Disable the Auto Minify - JavaScript option
2. Disable RocketLoader option
3. Disable the Page Shield option
4. Check SSL settings, if related?

Furthermore, at Cloudflare dashboard, you can remove it or any other, or add the one you need by using Transform Rules → Modify Response Header:

Transform Rules · Cloudflare Rules docs

Here are the easy steps to follow:

Create an HTTP Response Header Modification Rule in the dashboard ·...

Example in picture:

Otherwise, maybe that external domain is using some HTTP headers which don’t allow to use it’s content as iFrame.

You could try a simple Worker script to fetch the content from it, if possible, then display it, but not as iFrame on your website … just an idea, haven’t tried to combine this.
Furthermore, there were some ideas to “misuse” the Worker for/and iFrame … which I’d rather not try at all cost due to possible villation of the ToS, if so.

Despite iFrame HTML tag and it’s attributes, it might be you are using some of them which might be in some kind of a conflict with the “window”?

[assingh]

@fritex

RocketLoader

Thanks @fritex , yes you are correct the HTTP is in header, it’s come by IFrame .
I have added the image. how to resolve it? how to conver HTTP to HTTPS ?