Html 如何在使用引导时使flickr嵌入式视频响应？

我需要使嵌入式视频响应。我尝试了这个解决办法，但没有成功。视频的宽度保持不变，并且不会缩小，使其在移动设备上看起来不受限制。如何使flickr视频响应

由于Chrome无法将源代码复制到iframe中，以下是屏幕截图：

具有带宽度的内联样式。显然，它是从窗口大小中获取的，“窗口”就是iframe。iframe有一个具有高度和宽度的内联样式属性。。。你能试试这样的吗

iframe {
  height: auto !important;
  width: 100% !important;
}

具有带宽度的内联样式。显然，它是从窗口大小中获取的，“窗口”就是iframe。iframe有一个具有高度和宽度的内联样式属性。。。你能试试这样的吗

iframe {
  height: auto !important;
  width: 100% !important;
}

---

如果使用最新的Bootstrap 4.6，则可以使用中的类。下面类似的方法应该可以工作，但您可能需要为嵌入比例选择合适的类，并删除

flickr嵌入帧

，因为flickr嵌入JS可能会在其中放置内联代码

<div class="embed-responsive embed-responsive-16by9">
  <iframe class="embed-responsive-item" src="https://your-flickr-embed-url" ></iframe>
</div>

---

如果使用最新的Bootstrap 4.6，则可以使用中的类。下面类似的方法应该可以工作，但您可能需要为嵌入比例选择合适的类，并删除

flickr嵌入帧

，因为flickr嵌入JS可能会在其中放置内联代码

<div class="embed-responsive embed-responsive-16by9">
  <iframe class="embed-responsive-item" src="https://your-flickr-embed-url" ></iframe>
</div>