html - 全宽和高度响应嵌入式 YouTube 视频

Question

我正在做一个元素，如果您向下滚动到“什么是 RoadAware”部分，您会看到嵌入的 YouTube 视频看起来很糟糕!我需要视频 100% 填充“about-left”div 以匹配“about-right”div。我一直在努力寻找答案，非常感谢任何帮助!

http://road-aware.herokuapp.com/

Answer 1

将 embed-responsive embed-responsive-4by3 添加到您的 video-wrapper 类

这是来自bootstrap

<!-- 16:9 aspect ratio -->
<div class="embed-responsive embed-responsive-16by9">
  <iframe class="embed-responsive-item" src="..."></iframe>
</div>

<!-- 4:3 aspect ratio -->
<div class="embed-responsive embed-responsive-4by3">
  <iframe class="embed-responsive-item" src="..."></iframe>
</div>