播放另一个视频时暂停播放YouTube视频?

时间:2011-04-25 23:03:32

标签: html mootools youtube youtube-api

我会在一个网页上展示大量的YouTube视频,大概是使用YouTube上的嵌入代码。 (普通和/或iFrame)

我希望用户一次只能播放一个。如果一个正在运行而另一个正在播放,我需要所有其他/ s停止/暂停。

有没有办法以这种方式全局控制所有玩家?也许是MooTools?

1 个答案:

答案 0 :(得分:0)

您可以使用YouTube iFrame API

执行此操作

基本上你只需要为每个视频设置一个YT.Player实例,并设置一个onStateChange事件,如果给定的视频开始,它会停止其他播放器。

e.g。

player1 = new YT.Player('player1', {
    events: {
      'onStateChange': function(e) { 
          if(e.data == YT.PlayerState.PLAYING) player2.stopVideo(); }
    }
});

如果你有很多玩家,设置一个循环不应该太棘手。 http://torontoprogrammer.ca/demos/multiyoutube/

提供2个播放器演示