javascript - 使用cueVideo 时YouTube 缩略图模糊

Question

当我尝试从 JS 加载视频时，缩略图由于某种原因显示为模糊。但是当我只是粘贴 iframe 嵌入代码时，缩略图呈现得很好。

示例:
http://codepen.io/anon/pen/wBvVZG

屏幕截图:

看起来 youtube js api 正在加载 default.jpg 屏幕截图，同时嵌入 iframe 加载到 sddefault.jpg

正在渲染的视频是 HTML5 视频。在 MBP(Retina)上的 OSX 10.10 上的 Chrome、Firefox、Safari 上进行了测试

附注是的，我需要在 JS 中加载第一个视频，但我无法在 HTML 中加载，因为视频 ID 是从其他地方获取的。

Answer 1

我将代码更改为这样，它似乎加载了 sddefault 缩略图(事实上，它会根据播放器大小加载任何其他缩略图):

var video;

function onYouTubePlayerAPIReady() {
  video = new YT.Player('video', {
    videoId: '1nBwfZZvjKo' // From the manual: the YouTube video ID that
                           // identifies the video that the player will load.
  });
}

Updated Pen和 another pen with larger player