如何从嵌入视频中获得缩略图

How to get a thumbnail from an embedded video?

本文关键字：略图 视频      更新时间：2023-09-26

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

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

如果你使用的是HTML5，视频的缩略图是使用video标签中的'poster'属性定义的。下面是一个例子:

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

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

相关文章：