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

Question

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

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

Answer 1

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

本文来自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>