Showing results for 
Search instead for 
Do you mean 
If you don't find an answer, please click here to post your question.
Trusted Contributor
Posts: 137
Registered: ‎10-09-2012

Responsive iframe embed?

Is there a method to creating an entirely responsive iframe experience?  


I'm having an issue with setting the height (or not setting it, as the case may be), like:


<iframe style="width:100%" src=""
frameborder="0" allowfullscreen> </iframe>


The iframe defaults to a short height, but the width does stretch 100% as expected.  I'm trying not to have to explicitly set the width or height.





Posts: 11
Registered: ‎01-17-2017

Re: Responsive iframe embed?

Hello John,


I have run a couple of tests on my side and I found that for creating a responsive iframe you have to set both width and height as a percentage in order for it to function properly. Please see my example below:


<iframe src=""  webkitallowfullscreen="" mozallowfullscreen="" allowfullscreen=""" style='width:100%; height:100%;'></iframe>

A functional page can be found here:


Cheers, hope this helps!