我想将非正方形的YouTube视频作为正方形嵌入到我的网站中。
在iframe上设置width=""和height=""可以使播放器方形。但是，其中的视频不是正方形的：顶部和底部都有黑条。
有什么方法可以使播放器“放大”并以正方形播放视频？
<iframe width="200" height="200" src="https://www.youtube.com/embed/8nt3edWLgIg?autoplay=0&playsinline=1&showinfo=0&modestbranding=1" allow="encrypted-media"></iframe>
PS：嵌入似乎在stackoverflow片段中不起作用，所以这是一个jsbin链接： https://jsbin.com/felosadewi/edit?html,output
答案 0 :(得分：0)
我已经设法为您的节目提供了一个纯CSS解决方案，将视频剪辑为适合1：1框。
https://jsbin.com/woralocoti/edit?html,output
我没有通过使用padding-bottom:56%;（16/9）将视频放在固定的宽高比框（16：9）中来做到这一点。
然后使用overflow:hidden;