[刚想到有人会对了解如何嵌入YouTube iframe或任何16：9视频（例如Twitch实时小部件，Vimeo等）感兴趣”
YouTube通常会为您提供固定大小的视频width="560" height="315"。但是通常情况下，人们希望将其嵌入为全宽，以使其看起来不错且响应迅速。
但是将其设置为100vw会使站点从容器中出来时会弄乱站点，而且无法确定高度。
因此，iframe的容器宽度必须为100％，只需添加width="100%"即可完成。但是高度仍然混乱，将其设置为100％将不起作用。
并且当查看器更改其屏幕大小（将电话从垂直移动到水平或最大化窗口时，它必须起作用。）>
[只是以为有人会对了解如何嵌入YouTube iframe或任何16：9视频（例如Twitch实时窗口小部件，Vimeo等）感兴趣，因此YouTube通常会为您提供固定大小的视频宽度=“ 560” ...
所以这是我在JavaScript的帮助下提出的解决方案。我们这里的问题是，不知道宽度就无法确定高度，并且由于宽度是动态的，因此无法对高度进行硬编码。
我们可以使用JavaScript获取元素的宽度，并可以使用16：9的宽高比来计算标准视频的高度。当然，您可以将宽高比更改为其他值，但通常，YouTube视频的宽高比为16：9。
个人而言，当我不得不使用fitVidsJS处理youtube视频嵌入时，我只是将嵌入代码放入要显示视频的宽度的div内，然后调用fitVids（），这样就可以了，保持16：9的宽高比，并在用户调整页面大小时使其保持响应。
我知道这个问题是用JavaScript标记的，但是CSS的解决方案要简单得多。您需要做的就是将视频嵌入div并应用CSS。