jquery - float Youtube iframe 嵌入

Question

我见过 jQuery 脚本计算旧样式(对象/嵌入)的 100%/可调整宽度 youtube 嵌入的高度。

有人知道如何使用新的 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>