Javascript 引导youtube视频模式自动播放

当网页打开时，所有视频在5秒钟后自动开始在后台播放，即在单击图像之前就可以听到音频。我如何才能阻止这种情况发生，视频必须按一下按钮打开并关闭。视频只需点击按钮并关闭即可

我将如何实现这一点？这是小提琴

$（“#myBtn”）。单击（函数（）{
$（“#myModal”）.modal（{background:false}）；
});
$（“#myBtn1”）。单击（函数（）{
$（“#myModal1”）.modal（{background:false}）；
});
$（“#myBtn2”）。单击（函数（）{
$（“#myModal2”）.modal（{background:false}）；
});

问题出在您的

代码中，其中存在一个属性

autoplay

，该属性的值为1，该属性在打开时触发事件以自动播放视频

将

autoplay

值从1更改为0

通过将值更改为0，告诉浏览器不要自动播放视频。这是密码

<iframe class="size" src="https://www.youtube.com/embed/rFuEu3dj-nA?autoplay=0" ;frameborder="0" allowfullscreen></iframe>

---

首先确保

Autoplay=0

---

然后，您可以使用youtube api控制何时准确播放，只需设置autoplay=0即可。它是布尔型的。0为false，1为true

<iframe class="size" src="https://www.youtube.com/embed/rFuEu3dj-nA?autoplay=0" ;frameborder="0" allowfullscreen></iframe>

---

之后？在youtube链接中自动播放。希望这有帮助。

您的iFrame将自动加载并播放视频，即使您尚未显示对话框

您可以更改为使用单个模态元素，不在iframe上指定src值，然后从按钮单击事件中填充src值，这样框架仅在您打开对话框时开始加载，即

$('#myModal iframe').attr('src', movieURL);
$('#myModal').modal();

---

但是视频必须在点击按钮时自动播放，而且在后台，我们甚至可以在做任何事情之前听到音频。我如何实现上述小提琴我也更喜欢这个想法，因为它对于页面加载也会更好。我如何实现小提琴中的三个视频

<iframe class="size" src="https://www.youtube.com/embed/rFuEu3dj-nA?autoplay=0" ;frameborder="0" allowfullscreen></iframe>

$('#myModal iframe').attr('src', movieURL);
$('#myModal').modal();