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

前端之家收集整理的这篇文章主要介绍了twitter-bootstrap – Bootstrap 3 – 响应的mp4视频前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我试图在引导网站找到一个很好的解决方案,但我还没有得到一个答案这个。我想我不能是唯一一个努力与这个,但我找不到任何帮助我。

我试图在我的网站上嵌入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>
原文链接:https://www.f2er.com/bootstrap/234495.html

猜你在找的Bootstrap相关文章