Javascript 如何响应地将Vimeo视频嵌入光滑的滑块？

我有一个slick.js滑块，里面有几个视频和照片。我希望他们都有相同的高度。对于图像，这很容易，因为我可以给它们

height:60vh。我现在很难响应地嵌入vimeo上托管的视频，因为视频的container div首先需要有一个指定的宽度。但是由于视频可以改变，并且有不同的纵横比，我不知道宽度

我尝试了几种方法，包括手动计算容器div的宽度，方法是将视频的高度和纵横比相乘（我可以使用VimeoAPI自动获得，但这不是问题的一部分）。但是，当浏览器窗口改变高度时，视频将不会调整大小

我有以下JSFIDLE设置：

有比手动计算每个视频的宽度并用javascript更改容器div的宽度更好的方法吗？
我相信这会有所帮助：@TheZ谢谢，我研究了填充方法，但它并没有解决我的问题。我不需要视频的高度与宽度相关，而是相反。我想给容器一个60vh的高度，并调整宽度，同时保持正确的纵横比。嗯，视频元素应该已经锁定到一个适当的纵横比，除非你覆盖大小。如果你在Vimeo上有高级或更高的帐户，看起来你可以用原生html5视频标签嵌入Vimeo：假设你没有，并且你使用的是iframe。。。那我不知道你能做什么，抱歉。