<div style="position:absolute; width:100%; height:60vh; opacity: 0;" ></div> <iframe id="shiptrakIframe" src="http://shiptrak.org/?callsign=kb1ldp&filter=0&embedded=1&embedded=1" width="100%" height="100%"></iframe></p><p><script><br /> (function($) {<br /> var $iframes = $( "iframe" );</p><p>$iframes.each(function () {<br /> $( this ).data( "ratio", this.height / this.width )<br /> .removeAttr( "width" )<br /> .removeAttr( "height" );<br /> });</p><p>$( window ).resize( function () {<br /> $iframes.each( function() {<br /> var width = $( this ).parent().width();<br /> $( this ).width( width )<br /> .height( width * $( this ).data( "ratio" ) );<br /> });<br /> }).resize();<br /> })( jQuery );<br /> </script>