Floating Youtube iframe嵌入

Question

我見過jQuery腳本計算100％/ resizable寬度的youtube嵌入舊樣式（object/embed）的高度。

任何人都知道如何解決它與新的iframe嵌入？

<iframe 
    title="YouTube video player" 
    class="youtube-player" 
    type="text/html" 
    width="640" 
    height="390" 
    src="http://www.youtube.com/embed/-p3atsZRPLc?rel=0" 
    frameborder="0" 
    allowFullScreen 
></iframe> 

Answer 1

結束了使用舊式的嵌入和這個腳本：

<script type="text/javascript"> 
     //<![CDATA[ 
      var $origVideo = $(".youtube, .youtube embed"); 
      var aspectRatio = $origVideo.attr("height")/$origVideo.attr("width"); 

      $(window).resize(function() { 
      var wrapWidth = $("#video").width(); 
      $origVideo 
       .width(wrapWidth) 
       .height(wrapWidth * aspectRatio); 
      }).trigger("resize"); 
     //]]> 
</script>