javascript - 获取相同大小的 youtube 和 Vimeo 缩略图

Question

我有一个来自 youtube 和 vimeo 的 VideoID 列表，我想在列表中显示缩略图。

问题是 vimeo 只允许 3 种尺寸:小、中、大和 youtube 也 3:默认、mq、hq。但是 youtube 缩略图中的大小没有与 vimeo thumnbail 匹配。

<videos> 
  <video> 
    [skipped]
    <thumbnail_small>http://ts.vimeo.com.s3.amazonaws.com/235/662/23566238_100.jpg</thumbnail_small> 
    <thumbnail_medium>http://ts.vimeo.com.s3.amazonaws.com/235/662/23566238_200.jpg</thumbnail_medium> 
    <thumbnail_large>http://ts.vimeo.com.s3.amazonaws.com/235/662/23566238_640.jpg</thumbnail_large> 
    [skipped]
</videos>

youtube给了我:

      [skipped]
      <media:thumbnail url='http://img.youtube.com/vi/jXE6G9CYcJs/default.jpg'
        height='90' width='120' time='00:01:41' yt:name='default'/>
      <media:thumbnail url='http://img.youtube.com/vi/jXE6G9CYcJs/hqdefault.jpg'
        height='360' width='480' yt:name='hqdefault'/>
      <media:thumbnail url='http://img.youtube.com/vi/jXE6G9CYcJs/mqdefault.jpg'
        height='180' width='320' yt:name='mqdefault'/>
      <media:thumbnail url='http://img.youtube.com/vi/jXE6G9CYcJs/1.jpg'
        height='90' width='120' time='00:00:50.500' yt:name='start'/>
      [skipped]

我想显示所有缩略图大小相同的视频列表。 (我的设计师有一个特定的尺寸)
你建议我应该怎么做？

Answer 1

我通过使用 640 像素宽的 Vimeo 的“thumbnail_large”来伪造它，然后我使用 YouTube 的“mqdefault”并在我的图像标签上设置了 640 的宽度。这会放大它，看起来质量有点低，但我正在处理一个响应式框架......在桌面上，缩略图将适合一个更小的网格(并且看起来很好)但在手机或小型平板电脑上，它们会堆叠起来，至少它们都是相同的宽度。我可能会对其进行更多调整，但这就是我现在破解它的方式。 YMMV!