iFrame with html5 banner not scaling right

Hi pta74,
I tried to test that page on mobile device and it is working fine for me.
Can you specify which mobile device you have problem with?

• This reply was modified 6 years, 6 months ago by webvitaly.

Hi,

On desktop the banner looks fine:

But when I test on my iPhone I only see a part of the banner.

Is there something I can do to make it responsive?

Br / Preben

Oh, I see the issue now.
Unfortunately there is nothing can be done here because the embedded page is not responsive on mobile devices by itself.

https://www.prebenthrige.dk/html5-bannere/mcb-top.html

Hi,

The html banner has been designed in Adobe Animation and is responsive (by width).
When testing the banner on it’s own it looks prefect:

You can see that page here also:

https://www.prebenthrige.dk/html5-bannere/mcb-top.html

Is there a class I can add to the iframe plugin code, it make the iframe container responsive?

Br / Preben

You may try to add width=”100%” to make iframe width fluid and see if that helped.

[iframe src=”https://www.youtube.com/embed/4qsGTXLnmKs” width=”100%” height=”500″]

My code for the banner looks like this:

[iframe src=”https://www.prebenthrige.dk/html5-bannere/mcb-top.html” width=”100%” height=”582″]

So I don’t understand why the iframe doesn’t scale down when displayed on mobile?

I think I found the explanation. THere is an issue with iframe on iOS.
https://stackoverflow.com/questions/23083462/how-to-get-an-iframe-to-be-responsive-in-ios-safari

Please try this shortcode and see if that works:

[iframe src=”https://www.prebenthrige.dk/html5-bannere/mcb-top.html” width=”100%” height=”582″ style=”min-width:100%; max-width:100%; width:200px;”]

• This reply was modified 6 years, 6 months ago by webvitaly.

I have tried this code:

[iframe src=”https://www.prebenthrige.dk/html5-bannere/mcb-top.html” width=”100%” height=”582″ style=”min-width:100%; max-width:100%; width:200px;”]

But it didn’t solve the problen. Did I set it up wrong?

Weird.
I think you did everything properly and unfortunately I can not found what is causing the issue.
You may try another iframe plugin and see if that works for you.
I will try to search a solution and reply if I will found anything.