检测“丢失的视频”Youtube 图像

Question

来自未来穴居人的问候，

我在我的页面上加载了很多 youtube 缩略图。它们从我的数据库中的缩略图 url 加载。

作者不时在 youtube 上更改或删除相关视频。这给我留下了两个问题：

1. 我正在从 youtube 加载空白图片

1. 在我的数据库中，我仍然列出了这个图片网址。

找出“丢失的视频”缩略图、不显示它并更新我的数据库的解决方案是什么？我需要通过识别此图像来触发事件。请注意，这是默认的“缺失”图像，可能会出现不同的 url。因此，查看特定 url 并不是一件简单的事情。

我也曾想过使用 youtube api，但每次页面加载时都会进行大量调用，这对我来说似乎违反直觉。

我需要检测图像并触发，以便 JS/jquery 用于通过 ajax 更新我的数据库。

也许我想多了，所以如果有人对我的问题有其他解决方案，我很乐意。

我已阅读：Javascript - Detect Youtube Default-Thumbnail

但上面的解决方案似乎不适合。答案中的第一个选项是我现在正在做的事情，但它不起作用 - 因为即使您使用 1.jpg 或 2 等，youtube 也会提供默认图像。（这是我使用的）。基本上视频都没了。

第二个选项（base 64 编码，创建画布元素等）并没有真正扩展，看起来更像是使用电锯代替手术刀。

谢谢

Answer 1

我发现如果我正在使用

http://img.youtube.com/vi/<video_id>/mqdefault.jpg ,

它将显示修剪后（顶部和底部没有黑色边框）的 YouTube 缩略图。这个尺寸是320 x 180px。

如果没有可用的缩略图，您将获得 YouTube 的备用缩略图，但实际上是 120 x 90px。

因此，这里有一个更简单的方法来确定您是否获得了无效的缩略图（与从 <img> 标记读取 base64 数据相比）。

希望这会有所帮助。