Javascript - 检测 Youtube 默认缩略图

Posted 2023-02-23

【中文标题】Javascript - 检测 Youtube 默认缩略图

【英文标题】：Javascript - Detect Youtube Default-Thumbnail

【发布时间】：2013-02-01 18:48:14

【问题描述】：

有什么方法可以查看 Youtube 缩略图是否真的存在，或者 Youtube 是否只是将其替换为默认缩略图？

例如，没有此缩略图的视频：http://img.youtube.com/vi/G75WApUdYJ4/maxresdefault.jpg 还有一个带有现有缩略图的：http://img.youtube.com/vi/pkyLAWX5V30/maxresdefault.jpg

故事： 我只是尝试使用 Youtube 的 maxresdefault-Thumbnails 作为我的“媒体播放器页面”的背景。 使用普通图像可以正常工作，但出于任何原因，某些 Youtube 视频没有 maxresdefault-Thumbnail。如果我加载这张图片，我只会得到小的默认缩略图，这在全高清屏幕上并不是很有趣。

【参考方案1】：

您可以使用0.jpg、1.jpg、2.jpg 或3.jpg（请参阅How do I get a YouTube video thumbnail from the YouTube API?），而不是提供默认图像。

如果这不能满足您的需求，您可以比较每个图像的 Base64 编码，如此答案中所定义：Get image data in javascript?

【讨论】：

谢谢！这不是我正在寻找的解决方案，但它给了我一点启发。我刚刚添加了第二个（隐藏的）图像标签，它会根据嵌入图像的大小自动调整自身大小，并使用 Javascript 读取它的宽度。如果 .offsetWidth 等于 120，则它是默认的 Youtube-Thumbnail，可以重新调整。

乐于助人，思维敏捷！