当另一个播放时停止任何嵌入的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是一个属性（字符串））

现在，当用户播放你只是暂停所有给定的球员除了另外一个正在播放（ID其中你stopVideo获得）。既然你有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/

如果不通过脚本创建的球员而只是嵌入的I帧，然后通过vbence提到this答案是不够的，下面是与改进演示通过Jennie

例建议： - http://jsfiddle.net/fyb7fyw1/

所有学分给各自的原作者