css - vimeo 全窗口大小嵌入

Question

我正在尝试将此视频嵌入此 virb 页面：http ://www.amytdatta.com（密码：tyma）

这是一张专辑预发行，因此网站密码，对不起！

尽我所能，我无法模拟 vimeo 视频页面的完整窗口缩放行为。我试过min-width: 100%, min-height: 100%, max-height: 100%到处放，但我的嵌入式视频比浏览器窗口高，并且不能像 vimeo 页面那样整齐地缩放。

有什么建议吗？

Answer 1

问题在于您的 CSS 属性。

如果您查看以下代码段（base.css，第 208 行）：

#main-content .content-editor .video-container {
    height: 0;
    overflow: hidden;
    padding-bottom: 56.25%;
    padding-top: 30px;
    position: relative;
}

您将看到底部有一个填充以及一个定义的位置。只需删除这两行，它看起来像这样：

#main-content .content-editor .video-container {
    height: 0;
    overflow: hidden;
    padding-top: 30px;
}

它看起来像你想要的那样。