豆瓣 |为 iframe 视频创建自定义缩略图

Question

我正在开发一个自定义 Tumblr，我将在其中上传自己的视频（不通过 Youtube 或 Vimeo 链接）。

我想控制缩略图的尺寸和大小。在翻阅文档后，我找不到任何关于 Tumblr 如何生成缩略图（海报）的信息。

虽然通过 Youtube 等上传的视频有 {VideoThumbnailURL} 块，但
{block:VideoThumbnail}{VideoThumbnailURL}{/block:VideoThumbnail}，用户上传到 Tumblr 的视频似乎没有。

我正在网格本身中渲染实际的 iFrame 视频播放器。

以前有没有人处理过这个问题？感谢任何帮助。

Answer 1

如果您不能直接在 HTML 上添加它们的大小，您可以将缩略图包裹在 div 中，并在您的 CSS 中设置它们的尺寸。

像这样：

HTML：

<div id="thumbnails">
    {block:VideoThumbnail}{VideoThumbnailURL}{/block:VideoThumbnail}
</div>

CSS：

#thumbnails img{
    width: 150px;}

你不需要设置height属性，因为一旦你设置了一个固定的width，浏览器就会按比例调整图片大小。