Плавающий Youtube вставлять iframe - PullRequest
2 голосов
/ 27 января 2011

Я видел, как скрипты jQuery вычисляют высоту встраивания youtube на 100% / изменяемого размера в старом стиле (объект / вставка).

Кто-нибудь знает, как решить эту проблему с помощью нового встраивания 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>

1 Ответ

0 голосов
/ 12 мая 2011

Завершено с использованием встроенного старого стиля и этого скрипта:

<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>
Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...