我一直在寻找这个问题的答案太久了，但是没有这种运气！
我希望能够嵌入YouTube视频，如果视口的高度或宽度发生变化，则视频的大小将发生变化，同时保持正确的宽高比，这可能吗？
我知道其他解决方案，例如fit vid和padding-bottom方法，但是如果要更改视口的高度，这些解决方案都不会重新计算纵横比。
欢迎任何想法，js或css ...
谢谢！
最佳答案
当然。
使用JavaScript，在init（）期间将视口尺寸和视频尺寸（以及纵横比）检测为基准。当您在那里时，为window.onorientationchange事件设置一个处理程序（它将获取调整大小）。
在处理程序中，哪个轴已更改大小。调整视频大小（保持原始宽高比）以适合该尺寸，然后仔细检查以确保另一个轴现在没有过大。
如果是这样，请再次调整其大小。