Question

如何以相同的分辨率获取多个Youtube缩略图？在YouTube JS API中，我得到了默认的HQ中低质量图像。但是，我需要多个相同大小的缩略图。多个高质量的缩略图要好得多。

Answer 1

根据Thumbnail的文档使用Youtube API：

在使用Youtube API之前，请先考虑缩略图的以下特征：

资源的snippet.thumbnails属性是一个对象，用于标识可用于该资源的缩略图。

缩略图资源包含一系列对象。每个对象的名称（default，medium，high等）是指   缩略图大小。

不同类型的资源可能支持不同的缩略图大小。

不同类型的资源可能会为具有相同名称的缩略图定义不同的大小。例如，默认   视频资源的缩略图通常为120px x 90px，并且   频道资源的默认缩略图通常为88px   88px。

相同类型的资源对于某些图像仍可能具有不同的缩略图大小，具体取决于原始图像的分辨率   图片或内容上传到YouTube 。例如，高清视频可能   支持比非高清视频更高分辨率的缩略图。

每个包含有关缩略图大小的信息的对象都有一个width属性和一个height属性。但是，宽度和   该图片的高度属性可能不会返回。

如果上传的缩略图不符合要求的尺寸，则将图像调整大小以匹配正确的尺寸，而不会   更改其宽高比。图像未裁剪，但可能包括   黑条，以便大小正确。

这里是Ideal YouTube Thumbnail Size & Best Practices的博客文章。

Answer 2

以下是具有相同分辨率（120x90）的视频帧缩略图

WebP：

frame1: https://i.ytimg.com/vi_webp/<YouTube_Video_ID_HERE>/1.webp
frame2: https://i.ytimg.com/vi_webp/<YouTube_Video_ID_HERE>/2.webp
frame3: https://i.ytimg.com/vi_webp/<YouTube_Video_ID_HERE>/3.webp

JPG：

frame1: https://i.ytimg.com/vi/<YouTube_Video_ID_HERE>/1.jpg
frame2: https://i.ytimg.com/vi/<YouTube_Video_ID_HERE>/2.jpg
frame3: https://i.ytimg.com/vi/<YouTube_Video_ID_HERE>/3.jpg

使用JavaScript以相同的分辨率显示多个YouTube缩略图

2 个答案: