Tumblr |为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，浏览器就会按比例调整图片大小。