How to Automatically Resize an iFrame (Using iFrameResize.js)

In this video you will learn how to automatically resize those ugly iFrames using a Javascript library called iFrameResize.

[glhn]

Hello, thank you for tutorial! I have two question: first, you mentioned that users need spesific javascript in that page and that's the only way to run the library. That means it isn't gonna work in a wordpress website?

[erichepperlewp]

This doesn't do what I need it to -- auto-resize iframe embeds from other sites -- but I thumbs upped it anyway because it is still good information

[jimjin]

I've been looking for this for several weeks, Thank you

[byben]

Thank you so much for this video. Absolutely useful guide to set dynamic iFrame! :)

[alexnim]

i've been looking for this all week. thanks so much

[artcromedia-desgin]

can we have another sample, iframe src from other website ( mean loan different domain website in iframe ). can make it auto adjust height base on that page content ?

[zzjouic]

I will save some time for people working with this cross domain, it didn't work for me when placing the JS files in the project, it only worked with CDNs so if you encounter issues cross domains this could be the issue.

[marufsarkar]

I am trying to do something with conditional form.. its okay of first load but when new fields appear conditionally iframe height not increasing. Is there any solution for this ?
Thanks

[sportsclipsasia]

Any video/code on how to print iframe contents?

[Constantinesis]

Hello! I am using Wix. Could you tell me how can I add and embedd the script into my website usign their platform?

[ashrafulislam]

I downloaded your code but i don't see any form.html, iframeResizer.min.js, styles.css file and so on.

[Buyfave]

How about if i want to have different (domain) website in iframe? Thanks, WebJek

[XeiDaMoKaFE]

4:25 but if the whole point of you writing a js is to load it in the web page, can't you load the resize .js file to the external website for it to be able to use it

[jeetudey]

After using this with CDNs I encountered Cross domain issue and I fixed that by setting the option checkOrigin: false. However it is setting the frame height to 0px. Not sure why.
[iFrameSizer][Host page: frmain] Checking height is in range 0-Infinity
iframeResizer.js:144 [iFrameSizer][Host page: frmain] Checking width is in range 0-Infinity
iframeResizer.js:144 [iFrameSizer][Host page: frmain] IFrame (frmain) height set to 0px

[ЯндрейПлейлист]

How can I do it on WordPress. Can You suggest?

[raghu]

How to show another domain url in iframe

[maarten]

i have the problem that its resizing to height: 1px???

[abuzakariamusic]

I tried but didn't work me, 100% width is coming but height not coming as you one!
I did accordingly to your video and cross check many times

[santabaia]

hi, is that possible to insert in a wordpress page?

[MovieThirstDotCom]

Don't we have a Install and Forget 'responsive iframe plugin' that will fix all past and future iframes on your website automatically placing <div class="iframe-container"> above and </div> below the thousands of previous iframes on your website? plus this in your CSS =
.iframe-container{
position: relative;
width: 100%;
padding-bottom: 56.25%;
height: 0;
}
.iframe-container iframe{
position: absolute;
top:0;
left: 0;
width: 100%;
height: 100%;
}