使用cueVideo时,YouTube缩略图模糊不清

时间:2014-11-18 00:46:30

标签: javascript youtube youtube-api youtube-javascript-api youtube-iframe-api

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

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

截图: Screenshot

看起来youtube js api正在default.jpg屏幕截图中加载,而在sddefault.jpg

中嵌入iframe加载

正在呈现的视频是HTML5视频。在MBP(Retina)上的OSX 10.10上的Chrome,Firefox,Safari上进行测试

P.S。是的,我需要加载JS中的第一个视频,我无法在HTML中执行此操作,因为视频ID正在从其他地方获取。

1 个答案:

答案 0 :(得分: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 Penanother pen with larger player