twitter-bootstrap – Bootstrap 3 – 响应的mp4视频

发布时间：2020-12-18 00:06:52 所属栏目：安全来源：网络整理

导读：我试图在引导网站找到一个很好的解决方案，但我还没有得到一个答案这个。我想我不能是唯一一个努力与这个，但我找不到任何帮助我。我试图在我的网站上嵌入mp4视频。问题是，如果我使用iframe标记，我不能使用自动播放和循环。因为我想用视频标签(或支持自

我试图在引导网站找到一个很好的解决方案，但我还没有得到一个答案这个。我想我不能是唯一一个努力与这个，但我找不到任何帮助我。

我试图在我的网站上嵌入mp4视频。问题是，如果我使用iframe标记，我不能使用自动播放和循环。
因为我想用视频标签(或支持自动播放和循环的其他东西)解决它。之后，我试图让我的视频响应与一个对象标记，但这没有工作。即使我让它在我的代码(以显示你)，你可以看到下面：

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

我希望任何人都可以帮我解决这个问题。

解决方法

据我理解，您希望在您的网站上嵌入视频：

>是响应
>允许自动播放和循环
>使用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>

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!