如何从嵌入式视频中获取缩略图？

Question

我正在尝试使用灯箱将视频嵌入到网页中。从设计角度来看，我应该如何将视频放在页面上。

我的意思是视频以缩略图的形式排列在整个页面上。我应该从视频中取出一帧并将其显示为用户点击的图像吗？或者各种视频插件是否会为您创建缩略图？

Answer 1

如果您使用的是HTML5，则视频的缩略图是使用视频标记中的“poster”属性定义的。这是一个例子：

<video width="500" height="375" poster="myThumbnail.jpg" preload="none" controls="controls">
  <source src="http://hostname.com/myVideo.webm"/>
</video>

如果您想使用视频的给定帧自动创建此图片，您应该查看F. Calderan发布的链接