【问题标题】:How to get a thumbnail from an embedded video?如何从嵌入式视频中获取缩略图?
【发布时间】:2012-02-02 01:23:48
【问题描述】:

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

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

【问题讨论】:

标签: javascript jquery css html


【解决方案1】:

如果您使用的是 HTML5,则视频的缩略图是使用视频标签中的“海报”属性定义的。这是一个例子:

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

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

【讨论】:

    猜你喜欢
    • 2015-10-31
    • 1970-01-01
    • 2011-10-19
    • 2013-06-05
    • 2020-05-16
    • 2011-05-12
    • 1970-01-01
    • 2011-10-23
    • 2020-06-26
    相关资源
    最近更新 更多