当前位置：文江博客话题详情

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

发布于 2024-12-24 20:25:12 字数 124 浏览 0 评论 0原文

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

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

原文

分享到QQ

分享到微博

如果你对这篇内容有疑问，欢迎到本站社区发帖提问参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。

发布评论

需要登录才能够评论，你可以免费注册一个本站的账号。

半城柳色半声笛 2024-12-31 20:25:12

如果您使用的是 HTML5，则视频的缩略图是使用视频标记中的“海报”属性定义的。下面是一个示例：

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

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

If you're using HTML5, the thumbnail of a video is defined using the 'poster' attribute in the video tag. Here's an example:

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

If you want to create this image automatically using a given frame of the video, you should check the link posted by F. Calderan

回复收藏 0 原文

~没有更多了~