如何在iframe中禁用自动播放和静音背景声音

Question

我在引导模态中播放视频，如果我关闭模态视频声音仍然在后台播放。我想把背景音频静音。请帮助我

<div class="modal-body">
<iframe src="video/VID-2021-1.mp4" autoplay="false" width="640" height="360" frameborder="0" webkitallowfullscreen mozallowfullscreen allowfullscreen></iframe>
</div>
``

Answer 1

你必须捕捉隐藏的模式事件，之后你可以停止和静音视频。

这样的;

$('#modalId').on('shown.bs.modal', function () {
var vid = document.getElementById("videoId");
vid.pause();//stop to video
vid.muted = true;//muted video
})