CSS:

div.container

然而，在全尺寸中，视频的大小不是，而是。当我收缩窗口时，当所有周围的div都到达时，视频会收缩，收缩幅度超过80%，并且会溢出所有div，如下所示:

简而言之，我有两个问题。一个是让视频有我给它的，另一个是它溢出了它的容器和所有的祖先容器。使它收缩的不是其父容器中的可用空间不足，而是整个页面中的可用空间不足。

我在一段时间前做了第一次尝试，并设法将视频定位为我想要的容器和视频本身。但是我遇到了同样的响应问题，我正在从头再试。

顺晟科技：

您可以根据Viewport的高度来缩放容器，并根据Bootstrap网格来在浏览器窗口的宽度上显示列。您可以在这里了解更多信息： https://css-tricks.com/fun-viewport-units/

固定宽度可以通过从引导程序覆盖flex值来完成。在最后的样式上，您不必添加，只需在引导样式之后保留自定义样式即可。在这里，情况正好相反。

看一下这个演示: CSS保持在最低限度，以便更容易地调试。