Bootstrap视频背景无响应（不缩放）

Question

我尝试使用bootstrap在后台制作带有视频的个人网站。当我缩小浏览器窗口时，视频，标题占位符和按钮都不会缩放（无响应）。我不知道什么是错的。任何帮助都会有用。非常感谢！

这是我的HTML代码：

Person

这是我的CSS代码：

//in view_file_name.php
use yii\helpers\ArrayHelper;

Answer 1

尝试添加样式

h3.main
{
position:relative;
z-index:1;
}
video
{
width:100%;
}

Answer 2

好的，你给.video-container一个静态高度。将它的高度设为100%。在此之后抓住您的video元素，并为其min-width和max-width 100%。您可能还需要将max-width属性添加到video并将其设置为100%。您还可以使用width的{​​{1}}和height，而不是100%和min-width。看看哪些有效，并创造一个小提琴。

min-height