播放另一个嵌入的 YouTube iframe 时停止

Question

我在我的页面中嵌入了大约 10 个 YouTube iframe，它们都有自己的自定义播放/暂停按钮。我已使用此解决方案开始 http://jsfiddle.net/buuuue/dzroqgj0/，但我不确定如何调整这段代码以停止正在播放的任何其他视频，如果另一个视频开始...

function stopVideo(player_id) {
    if (player_id == "player1") {
        player2.stopVideo();
    } else if (player_id == "player2") {
        player1.stopVideo();
    }
}

例如，如果播放器 1 当前正在播放，而播放器 3 正在播放，我希望播放器 1 停止播放。我也研究了这个解决方案https://stackoverflow.com/a/38405859/1798756，但我认为我需要通过 JS 创建播放器，以便我还可以创建自定义播放/暂停按钮。

提前感谢您的帮助！

Answer 1

创建玩家后，将它们推送到数组中。

    var vids =[];
    player1 = new YT.Player('player1', {
     //stuff
    });
    vids.push(player1);

    player2 = new YT.Player('player2', {
     // stuff
    });
    vids.push(player2);

    ....
    ..
    playerN = new YT.Player('playerN', {
     // stuff
    });
    vids.push(playerN);

每个玩家对象的 id 都可以通过其a.id 属性访问（a 本身是一个对象，id 是一个属性（字符串））

现在，当用户播放给定播放器时，您只需暂停除正在播放的播放器之外的所有其他播放器（您在 stopVideo 中获得的 ID）。因为您有 id，所以很容易

 function stopVideo(player_id) {
  for(var i=0;i<vids.length;i++){
    if (player_id !=vids[i].a.id)    
      vids[i].stopVideo();
  }
 }

示例：-http://jsfiddle.net/4t9ah1La/

如果您不是通过脚本创建播放器，而只是嵌入 iframe，那么vbence 提到的this 答案就足够了，下面是一个演示，其中包含Jennie 提出的改进建议

示例：-http://jsfiddle.net/fyb7fyw1/

所有致谢各自的原作者