youtube playVideoAt（）在第一次点击时不会播放

Question

我有一个youtube播放器旁边有一些超链接，链接到播放列表中的不同视频。我通过使用索引调用playVideoAt来选择每个视频。这样可以正常工作，除非它在第一次点击时不起作用。

以下是我设置播放器的代码（基本上是从他们的文档中复制/粘贴）

var tag = document.createElement('script');
tag.src = "https://www.youtube.com/iframe_api";
var firstScriptTag = document.getElementsByTagName('script')[0];
firstScriptTag.parentNode.insertBefore(tag, firstScriptTag);

var player;
function onYouTubeIframeAPIReady() {
    player = new YT.Player('youtube-player', {
      height: '390',
      width: '640'
    });
}

播放视频

$('.video-links a').on('click', function(e) {
    e.preventDefault();
    var index = $(this).attr("data-i");
    player.playVideoAt(index);
})