javascript - 获取 youtube 动画缩略图

Question

有没有办法在我的网站中嵌入 youtube 的动画缩略图？我说的不是静态缩略图，而是看起来像大约 3 秒的动画 .gif 的缩略图。

Answer 1

截至 2019 年 6 月:

<强>1。获取静态缩略图非常简单

• 它们通过 YouTube API 公开，更好的是，它们遵循非常简单和统一的 URL 结构(更多详情 here)。

<强>2。有限数量的浏览器支持 Youtube 的动画缩略图。

• 显然，桌面浏览器 Chrome 和 Opera ( source )
• 顺便说一下，缩略图在 WebP 中图像格式，具有更宽的 browser support .

<强>3。为有限数量的视频获取动画缩略图相对容易。

例如，您可以在浏览器开发工具中检查网络事件(有关 Chrome 的更多详细信息)。

打开网络面板，访问包含所需视频的页面列表，清除网络事件(您也可以选择“Img”以仅显示与图像相关的事件)并将鼠标悬停在所需视频上。然后只需右键单击所需的资源并复制 url。

如果图片有帮助...

动画缩略图的 url 如下所示:

https://i.ytimg.com/an_webp/zdOmNiXvM3w/mqdefault_6s.webp?du=3000&sqp=CPDloOgF&rs=AOn4CLD9rYflZAMK6qBIbYJDoQZLk9UARw

<强>4。据我所知，目前无法以编程方式获取动画缩略图(无需网络抓取)

• 换句话说，给定视频 ID，目前无法通过 API 或定义的 URL 模式获取动画缩略图 URL。

---

PS.:希望有人能证明我在第 4 点上的错误，以下是这些 URL 的一些示例:

https://i.ytimg.com/an_webp/zdOmNiXvM3w/mqdefault_6s.webp?du=3000&sqp=CPDloOgF&rs=AOn4CLD9rYflZAMK6qBIbYJDoQZLk9UARw

https://i.ytimg.com/an_webp/oIIDZq4nZpo/mqdefault_6s.webp?du=3000&sqp=CLyqoegF&rs=AOn4CLD9DyqMoxBTiOPTUX8FQJmUfiu8NA

https://i.ytimg.com/an_webp/X9tU8ybzcFs/mqdefault_6s.webp?du=3000&sqp=CLHroOgF&rs=AOn4CLAX8j6uWUko_54aPJLwkbAe_cUR3w

更改视频 ID 或其他参数不会返回有效的缩略图。