引导3 – 响应MP4video
我试图find自举网站上的一个很好的解决scheme，但我还没有得到答案。 我想我不能成为唯一一个为此而挣扎的人，但是我找不到任何帮助我的东西。
我试图在我的网站上embedded一个mp4video。 问题是，如果我使用iframe标签，我不能使用自动播放和循环。 正因为如此，我想用video标签（或其他支持自动播放和循环的东西）解决它。 之后，我试图让我的video响应一个对象标签，但是这不起作用。 即使我把它放在我的代码中（向你展示），你可以在下面看到：
<div align="center"> <object class="embed-responsive-item"> <video autoplay loop > <source src="file.mp4" /> </video> </object> </div> 我希望你们中的任何人都能帮我解决这个问题。
根据我的理解，您要在自己的网站上embeddedvideo：
- 是敏感的
- 允许自动播放和循环
- 使用Bootstrap
这个演示就是这样。 您必须在对象/embedded/ iframe标签之外放置另一个embedded类，但是您也可以使用video标签而不是对象标签，即使没有指定。
<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>
只需将class =“img-responsive”添加到video标签即可。 我正在做一个当前的项目，它的工作原理。 它不需要被包裹在任何东西。
<video class="img-responsive" src="file.mp4" autoplay loop/>
使用该代码将给你一个完全控制的响应式video播放器
<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>
提示多页video在一个页面上：我最近解决了一个问题，在Chrome或Firefox（在IE浏览器中播放罚款）没有MP4播放的16页video模式（引导3）后，发现所有video的帧率必须相同。 我有25fps的6个video和29.97fps的12个video…所有渲染到25fps版本之后，所有浏览器上的所有内容都可以平滑运行。
