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

Question

我正在处理一个项目，如果你向下滚动到＆＃34;什么是RoadAware＆＃34;部分你可以看到一个看起来很糟糕的YouTube视频嵌入！我需要视频来填充＆＃34;左右＆＃34; div 100％匹配＆＃34; about-right＆＃34; 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>