Twitter bootstrap 使用twitter引导，如何使嵌入式视频响应？

我试图使嵌入式视频响应窗口大小的变化，并与移动屏幕兼容。有人知道要实现哪个类或如何使视频响应吗？谢谢。

查看“响应视频CSS”

这是一个例子。单击Run并查看它根据不同的屏幕大小调整大小

<section class="row">
  <div class="span6">
    <div class="flex-video widescreen"><iframe src="https://www.linktoyourvideo.com/..." frameborder="0" allowfullscreen=""></iframe></div>
  </div>
  <div class="span6">
    ...
  </div>
</section>

...

HTML5视频最简单的方法是在视频标签中添加class=“img img responsible”：

<video controls class="img img-responsive">

---

查看位于responsive-embedded.css的归档文件。应用类。嵌入响应您的嵌入容器或任何其他您想要的类。

已随添加

---

这是非常开放的。你在谈论HTML5视频吗？闪光解决方案？请澄清。

<!-- 16:9 aspect ratio -->
<div class="embed-responsive embed-responsive-16by9">
    <iframe class="embed-responsive-item" src="…"></iframe>
</div>

<!-- 4:3 aspect ratio -->
<div class="embed-responsive embed-responsive-4by3">
    <iframe class="embed-responsive-item" src="…"></iframe>
</div>