html - 我的 vimeo 视频显示不正确请提供一些建议

Question

我不能强制我的视频是可用空间的全宽和自动高度。 iframe 具有完整的宽度，但视频的尺寸非常小。

CSS

.embed-container {
    position: relative; 
    height: 0; 
    overflow: hidden; 
    width: 100% !important; 
    height: auto !important;
    max-height: 600px !important;
}

HTML

<div id="fourth-block">
  <div id="embed_container" class='embed-container'>
    <iframe src='http://player.vimeo.com/video/119060390?color=de141b' id="video" frameborder='0' webkitAllowFullScreen mozallowfullscreen allowFullScreen></iframe>
  </div>
</div>

Answer 1

将此添加到您的 CSS 中

.embed-container iframe{height:100%;width:100%;}

或

#embed_container iframe{height:100%;width:100%;}

这会将 iframe 推至 100%，因此您可以使用 .embed-container 或 embed_container 作为 iframe 的容器。

<div id="embed_container" class='embed-container'>
<iframe src='http://player.vimeo.com/video/119060390?color=de141b' id="video" frameborder='0'></iframe>
</div>