Question

当网页打开时，所有视频在5秒后自动开始在后台播放，即，甚至在点击图像之前就听到了音频。我怎么能阻止这种情况发生，视频必须打开按钮点击并关闭。视频必须仅在按钮单击并关闭时才能工作。

我将如何实现这一目标？这是小提琴 https://jsfiddle.net/aaronfranco/L6xvLcuL/14/

<script>
$("#myBtn").click(function(){
$("#myModal").modal({backdrop: false});
});

$("#myBtn1").click(function(){
$("#myModal1").modal({backdrop: false});
});

$("#myBtn2").click(function(){
$("#myModal2").modal({backdrop: false});
});
</script>

Answer 1

首先确保Autoplay = 0 Stop youtube video autoplay

然后您可以使用youtube api Hyperlink to play youtube video

控制何时正确播放

Answer 2

设置autoplay = 0。它的布尔值。 0远虚假1为真。

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

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

Answer 3

即使您尚未显示对话框，您的iframe也会自动加载并播放视频。

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

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

Answer 4

问题在于<iframe>代码，其中属性autoplay的值为1，触发事件以便在打开时自动播放视频

将autoplay值从1更改为0

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

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

现在使用Jquery on按钮单击更改属性值

$('button').on('click', function(){
  $('iframe').attr('autoplay','1');
});

bootstrap youtube视频模式自动播放

4 个答案: