在 Twitter 引导中禁用视频自动播放，并在模式关闭时停止视频

disable video autoplay in twitter bootrap and stop video when modal is closed

本文关键字：视频 模式 自动播放 Twitter      更新时间：2023-09-26

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

我在模态中使用此代码

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

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

我遇到了这个问题，并找到了解决方法。将 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>

在风格上.css 

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

是否有必要为此使用 iframe？如果没有，请查看HTML5视频标签：http://www.w3schools.com/html/html5_video.asp

您正在使用iframe，无法停止播放，只能像这样删除元素

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

这只是一个例子，我们没有你所有的编码:(

相关文章：