Twitter bootstrap 引导3-响应mp4视频

我试图在bootstrap网站上找到一个好的解决方案，但我还没有得到答案。我想我不可能是唯一一个在这方面挣扎的人，但我找不到任何对我有帮助的东西

我正在尝试在我的网站上嵌入mp4视频。问题是，如果我使用iframe标记，我就不能使用autoplay和loop。 因此，我想用一个视频标签（或者其他支持自动播放和循环的东西）来解决这个问题。在那之后，我试着用一个对象标签使我的视频响应，但这不起作用。尽管我将其放在我的代码中（向您展示），您可以在下面看到：

<div align="center">
   <object class="embed-responsive-item">
     <video autoplay loop >
       <source src="file.mp4" />
     </video>
   </object>
 </div>

---

我希望你们中的任何人都能帮我解决这个问题

据我所知，您希望在您的网站上嵌入以下视频：

• 反应迅速
• 允许自动播放和循环
• 使用引导

就是这样。您必须根据-将另一个嵌入类放置在object/embed/iframe标记之外，但是您也可以使用视频标记而不是object标记，即使没有指定它

<div align="center" class="embed-responsive embed-responsive-16by9">
    <video autoplay loop class="embed-responsive-item">
        <source src="http://techslides.com/demos/sample-videos/small.mp4" type="video/mp4">
    </video>
</div>

---

使用该代码将为您提供一个具有完全控制功能的响应式视频播放器

<div class="embed-responsive embed-responsive-16by9">
    <iframe class="embed-responsive-item" width="640" height="480" src="https://www.youtube-nocookie.com/embed/Lw_e0vF1IB4" frameborder="0" allowfullscreen></iframe>
</div>

只需将class=“img responsive”添加到视频标签上即可。我在当前的一个项目中这样做，而且很有效。它不需要用任何东西包装

<video class="img-responsive" src="file.mp4" autoplay loop/>

---

一页多个视频提示：我最近解决了一个问题，在Chrome或Firefox中没有mp4播放（在IE中播放良好），在modals（bootstrap 3）中有16个视频的页面中发现所有视频的帧速率必须相同。我有6个25帧的视频和12个29.97帧的视频。。。将所有版本渲染到25fps后，所有浏览器上的一切都会运行顺畅。

这对我来说很有用：

---

这正是我想要的！非常感谢你！这真的帮助了我！在ie9和safari上测试。这两种方法都能很好地发挥作用，所以你会有别的事情发生。关于ie8，它是一个标签，在ie8中使用Bootstrap3也有很多好处，特别是在媒体查询中。请阅读链接以获取更多信息。这涵盖了整个页面，是响应性的，但我希望高度和宽度较小。我该怎么做？？？@J4GD33P51NGH只需更改视频父div的

max height

和

max width

。下次看一个.文件一个bug！这将是@cvrebert，我下次会这样做。使用该代码将为您提供具有完全控制功能的响应视频播放器。问题是嵌入HTML5 mp4视频，而不是youtube视频。您听不到音频！！“img响应”类用于图像，而不是视频