0

我的网站主页上有一个 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

任何人都可以建议解决这个问题吗?

4

1 回答 1

3

尝试制作.fluidVideoWrapper容器position: absolute;并将其宽度和高度设为 100%

于 2013-06-11T18:25:05.873 回答