全宽和高度响应嵌入式YouTube视频 [英] Full Width and Height Responsive Embedded YouTube Video

问题描述

我正在处理一个项目，如果你向下滚动到什么是RoadAware部分，你可以看到一个YouTube视频嵌入看起来可怕！我需要视频填充左 - 左div 100％匹配右 - 右div。我一直在努力寻找答案，任何帮助真的很感激。

I'm working on a project and if you scroll down to the "What is RoadAware" section you can see a YouTube video embed that looks awful! I need the video to fill the "about-left" div 100% to match the "about-right" div. I've been struggling to find an answer, any help is really appreciated!

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

推荐答案

添加 $ c>嵌入响应嵌入响应-4by3 到您的视频包装类

这是来自 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>

这篇关于全宽和高度响应嵌入式YouTube视频的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！