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

后端 未结 14 2322
一向
一向 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:24

    Just set iframe height and width with CSS vw metric. It uses device width as parameter:

    .videoWrapper iframe {
        height: 36.6vw;
        width: 65vw; 
    }
    

提交回复
热议问题