如何使用bootstrap 4在html中放置视频？
如何使用bootstrap 4在html中放置视频？
提问于 2018-07-03 04:15:40
我在一个网站上工作，在那里我想使用boostrap 4在html中放置一个视频。视频是mp4格式的。
我尝试/使用来放置视频的html代码是：
<header class="container border masthead_video text-white text-center">
<div class=""
type="video/mp4" autoplay="autoplay" loop="loop"></video>
</div>
<div class="row mt-5">
<div class="col-md-10 col-lg-8 col-xl-7 mx-auto">
</div>
</div>
</header> 问题陈述：
我想知道在bootstrap中是否有任何预定义的头类，就像我们有navbar一样，我们可以在其中放置图像和视频。另外，我需要做哪些更改才能在此处放置视频：
<div class=""
type="video/mp4" autoplay="autoplay" loop="loop"></video>
</div>回答 1
Stack Overflow用户
回答已采纳
发布于 2018-07-03 04:21:28
在使用Bootstrap 4时在html中嵌入视频的docs细节。尝试将视频片段替换为以下内容：
<div class="embed-responsive embed-responsive-16by9">
<iframe class="embed-responsive-item" src="https://www.youtube.com/embed/zpOULjyy-n8?rel=0" allowfullscreen></iframe>
</div>embed-responsive-16by9意味着它的宽高比为16:9。还有其他选项，如：
4:3 ratios
embed-responsive embed-responsive-1by1的embed-responsive embed-responsive-4by3，1:1 ratios- etc
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/51143170
复制相关文章
相似问题