Skip to content

Instantly share code, notes, and snippets.

Show Gist options
  • Save patrickwelker/1978193 to your computer and use it in GitHub Desktop.
Save patrickwelker/1978193 to your computer and use it in GitHub Desktop.
Responsive iFrames with jQuery
iframe {
max-width: 100%;
}
<!-- All you need is a defined width & height -->
<iframe frameborder="0" height="426" src="http://www.slideshare.net/slideshow/embed_code/9812085?rel=0" width="510"></iframe>
function adjustIframes()
{
$('iframe').each(function(){
var
$this = $(this),
proportion = $this.data( 'proportion' ),
w = $this.attr('width'),
actual_w = $this.width();
if ( ! proportion )
{
proportion = $this.attr('height') / w;
$this.data( 'proportion', proportion );
}
if ( actual_w != w )
{
$this.css( 'height', Math.round( actual_w * proportion ) + 'px' );
}
});
}
$(WIN).bind('resize load',adjustIframes);
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment