css - vimeo 全窗口大小嵌入

Question

我正在尝试嵌入 this此 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;
}

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