要让嵌入的 YouTube 视频在网页中宽度为 100% 并保持等比例缩放高度，有几种常用的方法。以下是最佳解决方案：

这是最常用且兼容性最好的方法：

.video-container iframe {position: absolute;top: 0;left: 0;width: 100%;height: 100%;}/style

如果你有多个视频需要设置，可以使用属性选择器：

.video-wrapper iframe {flex: 1;aspect-ratio: 16/9;}/style

默认 YouTube 视频宽高比为 16:9，所以 padding-bottom: 56.25% 或 aspect-ratio: 16/9 能保持正确比例对于旧浏览器，方法一兼容性最好对于现代浏览器，方法二使用 aspect-ratio 更简洁如果视频比例不是 16:9，请相应调整比例值

以上任何方法都能确保视频在任何屏幕尺寸下保持宽度 100% 并等比例缩放高度。

YouTube视频嵌入代码响应式设置方法    https://cdnanqi.cn/wangluoyingxiao/16844.html