javascript - 在 Twitter Bootrap 中禁用视频自动播放并在模式关闭时停止视频

Question

我正在使用 Bootstrap 3 将本地视频嵌入到我的页面

我在模态中使用此代码

    <div class="embed-responsive embed-responsive-16by9">        
    <iframe class="embed-responsive-item" height="300" width="480"        
    src="hunnybunny.mp4"></iframe></div>        

如何防止该视频自动播放？我还希望视频在模态窗口关闭时停止。

Answer 1

我遇到了这个问题并找到了解决方法。将 iframe 放入 html 中，例如: (注意:我想要视频在左侧，所以我将其放在前 7 列的一行中，并且“class = left_vid”也在我的“覆盖”自定义链接样式表中定义)

<div class="row">
        <div class="col-md-7">
           <video controls class= left_vid> <source src="vid.mp4" type="video/mp4">
        This browser does not display this video type </video>
        </div>
        <div class="col-md-5">
           <p> Text stuff </p>
        </div>
</div>

在 style.css 中

.left_vid {
    display:block;
    margin-left:auto;
    margin-right:auto;
    width: 80%;
    height:auto;
 }