嵌入的Vimeo与中心对齐

Vimeo embedded align to center

本文关键字：对齐 Vimeo      更新时间：2023-09-26

我正在尝试将嵌入的vimeo视频（iframe）对齐在页面中心（水平和垂直）。但我需要视频缩放随着窗口大小的增加或减少而保持纵横比（16:9）。

在这里，我做了一个我想要的小插图（大GIF）：

正确https://vk.com/doc199484568_437482326

错了https://vk.com/doc199484568_437482328

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

我保存了这个CSS片段，用于响应youtube视频，不确定它是从哪里得到的。也许它可以帮助你。您在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%;
}
相关文章：