Javascript 禁用twitter引导中的视频自动播放，并在modal关闭时停止视频

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

我在modal中使用此代码

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

---

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

是否需要为此使用iframe？如果没有，请查看HTML5视频标签：

您正在使用iframe，不能停止播放，只能删除这样的元素

$('#myModal').on('hidden.bs.modal', function () {
  $( ".embed-responsive-16" ).remove();
})

---

这只是一个示例，我们没有您所有的代码：（

我对此有问题，并找到了解决方法。请在html中删除iframe，例如： （注意：我希望视频在左边，所以我把它放在前7列的一行中，并且“class=left_vid”在我的“override”自定义链接样式表中定义）

也许可以查看

标记及其属性？可能重复

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

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