JavaScript YouTube API播放视频而其他已暂停 - 多个iframe

Question

我得到了以下jsfiddle，基本上有2个imgs和2个iframe 每个img和iframe都在不同的div中（作为对）。

ifg被隐藏而img不是。
当你点击img时，img消失了，而iframe变得可见了（并立即开始播放视频）

如果我点击第二个img，第一个应该再次显示，而不是iframe，，视频应该暂停，而第二个视频开始播放

上面的小提琴按照我想要的前两次操作，之后我收到错误：

Error: TypeError: player.pauseVideo is not a function

并且视频无法播放。

迫切需要帮助，试了大约7个小时没有运气 谢谢！

Answer 1

通过在点击img时添加播放器来解决它，然后检查播放器是否存在此img，如果存在则播放存在

if (typeof players[index] == 'undefined') {
    players.push(new YT.Player(iframe[0], {
        events: {
            'onReady': function (event) {
                event.target.playVideo();
            }
        }
    }));
} else {
    players[index].seekTo(0).playVideo();
}

jsfiddle