小编MJ *_*hdi的帖子

我正在尝试使用 Bootstrap 将 Youtube 视频嵌入到网页中，但我希望它占据页面的整个宽度。

HTML：

<iframe class="embed-responsive-item youtube" src="https://www.youtube.com/embed/zpOULjyy-n8?rel=0"></iframe>

CSS：

.youtube {
  width:100%;
}

JSFiddle

但我有两个问题：

• 当网页较大时，视频预览会被高度截断（只能看到视频预览的一半）。

• 视频播放时，它仍然是小格式。

如何使用 Bootstrap 修复此问题？