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

Question

我得到了以下jsfiddle，它基本上有2个imgs和2个iframes。
每个 img 和 iframe 位于不同的div 中（成对）。

iframe 是隐藏的，而 img 不是。
当您单击img时，img消失，iframe变为可见（并立即开始播放视频）

如果我单击第二个 IMG，第一个应该再次可见而不是 iframe，并且视频应该暂停，而第二个的视频开始播放

我

上面的小提琴只在前 2 次出现时按我想要的方式工作，之后我收到一个错误：

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();
}

斯菲德尔