如何在嵌入的 Vimeo 视频上获得视频缩略图而不损失任何质量？答案

【问题标题】：How to get a video thumbnail without any loss in quality on an embedded Vimeo video?如何在嵌入的 Vimeo 视频上获得视频缩略图而不损失任何质量？
【发布时间】：2012-09-30 20:41:52
【问题描述】：

我正在开发我公司的网站，我们正在一些页面上嵌入视频。我们使用了 Vimeo 的自定义缩略图功能，但最终呈现的效果很糟糕。

有谁知道如何在 Vimeo vids 上设置缩略图而不损失原始图片的质量？例如，我听说过一个 javascript 技巧？

我网站上的链接：http://radianceconseil.com/creation-sites-web-haute-savoie/

这是原图：http://www.radianceconseil.com/images/sites-vitrine-accueil-Vimeo.jpghttp://www.radianceconseil.com/images/sites-vitrine-accueil-Vimeo.jpg

如您所见，质量损失巨大！

【问题讨论】：

标签： javascript vimeo video-thumbnails

【解决方案1】：

缩略图超出了您的控制范围（Vimeo 正在生成图像并且他们选择了低质量（看起来像高级 JPEG 压缩），Vimeo 说他们将提供更高分辨率的缩略图based on the embed size。但是您可以如果您使用 HTML5 视频标签，请将其替换为名为“poster”的本地托管图片，或者您可以添加图片并使用一些 JavaScript 将其替换为点击时的 iframe。

【讨论】：

非常感谢 Jason，我想我在我的网站上使用了 HTML5 视频标签。你知道如何使用海报图片吗？
查看“海报”一词的链接。您添加属性 poster="image.jpg" 并且图像将替换初始状态的视频。