aarongustafson · October 25, 2011 17:07 · davidjbradshaw · Mar 20, 2014 · fahmi182 · Sep 17, 2014
diff --git a/responsive-iframes.css b/responsive-iframes.css
 iframe {
  max-width: 100%;
 }
diff --git a/responsive-iframes.html b/responsive-iframes.html
 <!-- 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>
diff --git a/responsive-iframes.js b/responsive-iframes.js
 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>
	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);