Vimeo嵌入式对准中心

Question

我正在尝试将嵌入式vimeo视频（iframe）对齐到页面中心（水平和垂直）。但我需要根据窗口的大小增加或减少视频比例，保持纵横比（16：9）。

在这里，我对我想要的东西（LARGE GIF）进行了一些说明：

纠正https://vk.com/doc199484568_437482326

错误https://vk.com/doc199484568_437482328

我尝试使用脚本Fitvids.js，但它对我没有帮助。 我很乐意通过任何方法看到解决方案。谢谢你的回答！

Answer 1

我为响应的YouTube视频保存了这个CSS代码段，不知道我在哪里获得它。也许它可以帮到你。你在iframe周围放了一个带有'videoWrapper'类的div，然后使用下面的CSS来定位它。

.videoWrapper {
    position: relative;
    padding-bottom: 56.25%; /* 16:9 */
    padding-top: 25px;
    height: 0;
}
.videoWrapper iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}