How can I make the YouTube player scale to the width of the page but also keep the aspect ratio?

后端 未结 14 1908
一向
一向 2021-01-30 11:09

I have a YouTube video I want to put on my web page.

I want to scale the video to fit to a percent of the users browser but also to keep the aspect ratio.

I hav

14条回答
  •  囚心锁ツ
    2021-01-30 11:14

    Quite easy with some javascript.

    jQuery(function() {
        function setAspectRatio() {
          jQuery('iframe').each(function() {
            jQuery(this).css('height', jQuery(this).width() * 9/16);
          });
        }
    
        setAspectRatio();   
        jQuery(window).resize(setAspectRatio);
    });
    

提交回复
热议问题