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

我正在创建一个网站，在这里我在点击某个url时嵌入了一段YouTube视频。视频的包装最初是隐藏的，因此我在单击url并创建播放器时显示包装

所有这些都很好，除了在url之间快速转换的情况下，控制台中会抛出一些错误，这些错误看起来像-

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

uncaughttypeerror:对象#没有方法'cueVideoById'

以下是示例代码-

只有当我在页面加载后第一次快速点击url时，才会发生这种情况。如果我开始慢一点，效果很好

---

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

因此，一个快速解决方法是在调用

cueVideoById

之前确保播放器已准备就绪

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

小提琴：