Html 如何让嵌入式视频在缩小的浏览器中响应

因此，我在全宽浏览器中以我喜欢的方式嵌入了视频，但当它缩小到小尺寸浏览器及以下时，我无法找到一种方法来响应，因此它在浏览器中保持居中

我正在使用Bootstrap的网格系统，以便它旁边的文本具有响应性。我希望在浏览器达到中等大小和以下时，视频堆叠在文本下方，在中等大小的浏览器中，我已成功使用媒体查询将视频居中，但无法在较小和超小的浏览器大小中居中。这有意义吗

.第1节正文{ 填充顶部：35px； } .第1节第2节{ 字号：100； 字号：2.9em； 字母间距：1px； } .第1btn条{ 背景色：2E33233； 边框样式：实心； 边框宽度：0px 0px 3px 0px； 边框颜色：121313； 边界半径：50px； 填充顶部：15px； 垫底：15px； 边缘顶部：30px； 字号：1.45em； 颜色：ffffff； 字号：700； 过渡：所有0.3秒均为0秒； } .视频响应{ 填充顶部：45px； 填充底部：45px； 浮动：对； } .视频响应iframe{ 宽度：560px； 高度：315px； } /*第1节媒体查询*/ @介质最大宽度：992px{ .视频响应{ 填充顶部：45px； 填充底部：45px； 右边距：35px； } .视频响应iframe{ 宽度：672px； 高度：378px； } } 我们所能提供的

Lorem ipsum dolor sit amet，Concetetur Adipsicing Elite。埃尼安·维尔·马萨·亚库利斯、波苏尔·奥古斯等人、法雷特拉·伊普苏姆。本品为本品，本品为本品，本品为本品。Nam auctor ante nisi

---

对于视频响应，请使用下面的百分比示例。在百分比上乱动，直到它按照你想要的方式工作。您可能还需要一个容器来放置视频

.video-responsive iframe {
        width: 100%;
        height: 50%;
    }

---

我以前试过，甚至试过一次，但这对嵌入式视频不起作用。您从哪里获取视频？它是从YouTube嵌入的。请创建一个独立的容器，而不是.video responsive iframe{}类。尝试制作一个.container{宽度：100%；高度：50%；}