javascript - JavaScript YouTube API 在其他暂停时播放视频 - 多个 iframe

Question

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

iframe 是隐藏的，而 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