javascript – 如何为YouTube Player API iframe嵌入高质量的缩略图?

前端之家收集整理的这篇文章主要介绍了javascript – 如何为YouTube Player API iframe嵌入高质量的缩略图?前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
缩略图看起来不错一年多,但突然变得模糊.
页面加载中显示缩略图看起来是正确的,但是当使用“player.cueVideoById”显示新的缩略图时,它看起来很模糊.

在文档中没有提到如何控制缩略图的质量(只有视频质量设置,如“setPlaybackQuality”可用).文件https://developers.google.com/youtube/iframe_api_reference

如何强制高质量的缩略图

解决方法

是的,这个问题很容易重现.我创建了一个 slightly modified version of the documentation example,它加载一个视频,并在一秒钟后调用setPlaybackQuality.质量明显下降.其实原来的缩略图是https://i.ytimg.com/vi/M7lc1UVf-VE/sddefault.jpg,它正在被https://i1.ytimg.com/vi/M7lc1UVf-VE/default取代. JPG.

虽然Flash播放器是非常不透明的,对于HTML5播放器,我们可以看看(漂亮的模糊)source code.这段代码特别有趣(重新格式化为可读性):

var c;
if (!a.j)
{
  var d = a.element.clientWidth,e=a.element.clientHeight;
  if (900 < d || 600 < e)
    c = Av(b,"maxresdefault.jpg");
  !c && (430 < d||320 < e) && (c = Av(b,"sddefault.jpg"))
}
c || (c = Av(b,"default.jpg"));

这表示您确实不应该控制缩略图的质量,而是根据视口大小进行设置.如果宽度超过900或高度超过600,您可以获得maxresdefault.jpg,如果宽度超过430或高度超过320,您将获得sddefault.jpg,在所有剩余的情况下,您将获得default.jpg.这样做的确是 – 初始负载.这似乎是预期的行为.

但是,这不是你得到的player.cueVideoById() – 它总是default.jpg,大概是因为a.j设置(无论如何).编辑:实际上,调试代码已经表明a.j并不是这里的罪魁祸首.相反,由于数据结构(特别是b.La映射)未被完全初始化,所以Av函数调用“default.jpg”以外的任何值时都返回未定义.对我来说,这只是一个bug,似乎已经是reported to Google了.

作为参考,功能的源代码Av:

function Av(a,b)
{
  if (30 == a.O)
  {
    // This branch isn't being entered
    var c = a.La["default.jpg"];
    return c?c:a.videoId?de("//docs.google.com/vt",{id:a.videoId,authuser:a.Wa,authkey:a.Kb}):"//docs.google.com/images/doclist/cleardot.gif"
  }
  b || (b="hqdefault.jpg");
  return (c = a.La[b]) || "sddefault.jpg" == b || "maxresdefault.jpg" == b ?
    c :
    Mt(a.videoId,b)
}

Mt(a.videoId,b)将返回正确的URL,但函数返回c而不是未定义.

请注意,以上文字仅适用于HTML5播放器. Flash播放器的行为略有不同,同样不一致.

猜你在找的JavaScript相关文章