javascript - 防止在 YouTube 视频之间快速转换时出现控制台错误

Question

我正在创建一个网站，我在其中嵌入 YouTube 视频，点击某些 url。视频的包装器最初是隐藏的，因此我在单击 url 然后创建播放器时显示包装器。

一切都很好，除了在 url 之间快速转换的情况下，控制台中会抛出一些错误，如下所示 -

Uncaught TypeError: Object #<O> has no method 'cueVideoById'

这是示例代码 - http://jsfiddle.net/2b6bu7p4/2/

仅当我在页面加载后第一次开始快速单击 url 时才会发生这种情况。如果我慢慢开始，它工作得很好。

我怎样才能解决这个问题？提前致谢。

Answer 1

所以一个快速的解决方法是确保播放器在 cueVideoById 之前准备好。叫做

function loadVideoOnClick(videoId) {
    console.log('Loading');
    if (player && player.cueVideoById) {
        player.cueVideoById(videoId);
    }
}

fiddle :http://jsfiddle.net/leighking2/2b6bu7p4/5/