vimeo 全窗口大小嵌入

Question

我正在尝试在此 virb 页面上嵌入 this 视频：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;
}

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