Javascript 模式打开时引导模式窗口中的自动播放视频

我有一个Bootstrap3.3.7模式窗口，其中包含使用HTML5视频标签的视频，例如

<video controls autoplay>
    <source src="video.mp4" type="video/mp4">
    Your browser does not support the video tag.
</video>

您的浏览器不支持视频标记。

这样做的问题是，当我的网页加载时，视频开始播放（即使由于模式关闭而无法“看到”，音频也会播放）

---

我知道

autoplay

标记正在执行此操作。但是，当加载模式时，如何将视频自动播放？并在模式关闭时停止？

您应该使用javascript函数启动视频，并在加载模式时调用它：（并删除自动播放属性） 以下是一个例子：

var vid = document.getElementById("myVideo"); 
function playVid() { vid.play(); } 

---

当模式显示/隐藏时，您可以使用

show.bs.modal

和

hidden.bs.modal

事件来运行一些javascript代码：

$（'myModal'）.on（'show.bs.modal'，function（）{
$（'#video1'）[0]。播放（）；
})
$（'#myModal'）.on（'hidden.bs.modal'，function（）{
$（'#video1'）[0]。暂停（）；
})

启动演示模式
&时代；
情态标题
您的浏览器不支持HTML5视频标记。
接近

strong文本 ×

在botonm中运行我的代码片段