twitter-bootstrap - Bootstrap 3 - 响应式 mp4 视频

Question

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

我正在尝试在我的网站上嵌入一个 mp4 视频。问题是，如果我使用 iframe 标签，我将无法使用自动播放和循环播放。 因此，我想用视频标签(或其他支持自动播放和循环的东西)来解决它。之后，我尝试使用对象标签使我的视频响应，但这没有用。尽管我将其放入我的代码中(向您展示)，您可以在下面看到:

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

我希望你们中的任何人都可以帮助我解决这个问题。

Answer 1

据我了解，您想在您的网站上嵌入一个视频:

• react 灵敏
• 允许自动播放和循环播放
• 使用 Bootstrap

这Demo Here就是这样做的。您必须根据 instructions here 在 object/embed/iframe 标记之外放置另一个嵌入类- 但您也可以使用视频标签代替对象标签，即使未指定。

<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>