Javascript 视频的纵横比与高度的关系是否可能？

我一直在寻找这个问题的答案太久了，但没有这样的运气

我希望能够嵌入YouTube视频，如果视口的高度或宽度发生变化，视频的大小将发生变化，同时保持正确的纵横比，这是否可行

我知道其他解决方案，如fit vid和padding bottom方法，但如果视口的高度发生变化，这些都不会重新计算纵横比

欢迎任何想法，js或css

谢谢

当然可以

使用JavaScript，在初始化期间检测视口尺寸、视频尺寸和纵横比作为基线。在这里，为window.onorientationchange事件设置一个处理程序，该事件将获取大小调整

在处理程序中，哪个轴的大小已更改。调整视频大小，保留原始纵横比以适合该尺寸，并再次检查以确保另一个轴现在没有过大。 如果是，请再次调整其大小