Vimeo 播放器 iframe 高度

Posted 2023-02-25

【中文标题】Vimeo 播放器 iframe 高度

【英文标题】：Vimeo player iframe height

【发布时间】：2013-06-11 17:47:01

【问题描述】：

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

谁能建议解决这个问题？

【参考方案1】：

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