influxweb
3/13/2014 - 8:10 PM

Responsive iFrames with jQuery https://gist.github.com/aarongustafson/1313517

Responsive iFrames with jQuery https://gist.github.com/aarongustafson/1313517

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' );
    }
  });
}
$(window).on('resize load', adjustIframes);
<!-- 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>