停止嵌入YouTube iframe？

一尘不染

停止嵌入YouTube iframe？

html

我正在使用YouTube iframe将视频嵌入到我的网站中。

<iframe width="100%" height="443" class="yvideo" id="p1QgNF6J1h0"
              src="http://www.youtube.com/embed/p1QgNF6J1h0?rel=0&controls=0&hd=1&showinfo=0&enablejsapi=1"
              frameborder="0" allowfullscreen>
</iframe>

我在同一页面上有多个视频。

我想使用javascript左右单击按钮来停止所有或其中之一。

可能吗？

更新：

我尝试了 Talvi Watia 所说的话并使用：

$('#myStopClickButton').click(function(){
  $('.yvideo').each(function(){
    $(this).stopVideo();
  });
});

我越来越：

Uncaught TypeError: Object [object Object] has no method 'stopVideo'

阅读 386

2020-05-10

共1个答案

一尘不染

您可能需要阅读《Youtube JavaScriptAPI参考》文档。

当您将视频嵌入页面时，您需要传递以下参数：

http://www.youtube.com/v/VIDEO_ID?version=3&enablejsapi=1

如果您想停止所有视频按钮，则可以设置一个JavaScript例程来循环播放视频并停止它们：

player.stopVideo()

这确实涉及跟踪页面上每个视频的所有页面ID。甚至更简单的方法是创建一个类，然后使用jQuery.each。

$('#myStopClickButton').click(function(){
  $('.myVideoClass').each(function(){
    $(this).stopVideo();
  });
});

2020-05-10