检测＆＃34;缺少视频＆＃34; Youtube图片

Question

来自未来穴居人的问候，

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

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

1. 我正在加载来自youtube的空白图片



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

什么是解决“丢失视频”thumnail，不显示它，更新我的数据库的解决方案。我需要通过识别这个图像来发射一个事件。请注意，这是默认的“缺失”图像，可以显示不同的网址。因此，查看特定网址并不是一件简单的事情。

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

我需要检测图像并触发，因此甚至可以使用JS / jquery来通过ajax更新我的数据库。

也许我正在推翻这个，所以如果有人能解决我的问题，我就会开放。

我读过这个：Javascript - Detect Youtube Default-Thumbnail

但上述解决方案似乎并不合适。答案中的第一个选项是我现在正在做的事情，它不起作用 - 因为youtube服务默认图像，即使你使用1.jpg，或2等...（这是我使用的）。基本上视频已经消失。

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

由于

Answer 1

我发现如果我正在使用

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

它会显示修剪过的（顶部和底部没有黑色边框）YouTube缩略图。其尺寸为320 x 180 px。

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

所以这里有一个更简单的方法来确定你是否有一个无效的缩略图（与从<img>标签中读取base64数据相比）。

希望这有帮助。