我的网站主页上有一个 Vimeo 播放器 iframe。我的意图是在浏览器窗口中以全宽(边到边)显示它;同时保留纵横比并避免黑条。所以视频占据了大部分区域。
我将此css应用于vimeo播放器:
.fluidVideoWrapper {
padding: 0;
width: 100%;
height: 20em;
position: relative;
}
.fluidVideoWrapper iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
这20em
只是为了让你们可以在页面上看到它。当我将高度设置为100%
它消失时,高度似乎变成了0
。
可以在这里看到我尝试尝试的示例,向下滚动到 vimeo 播放器:vsco.co
任何人都可以建议解决这个问题吗?