从缩略图预览视频

Question

最近偶然发现了一个视频素材网站http://www.pond5.com/stock-video-footage/1/*.html，并看到当用户在缩略图上盘旋时，他们预览了视频。我想重新创建这个，因为它似乎是有用的练习，它可以让我训练我的网络发展肌肉。

我希望能够在用户将鼠标悬停在缩略图上时预览视频。 例如pond5.com。音频不是必需的，但我希望它看起来像视频一样流畅，而不是每5秒钟包含一帧的视频预览。

在pond5.com上，我原本以为他们使用的是gif，但播放效果非常顺畅。有些还包含音频。据我所知，音频不能用于.GIFs

这是一个我必须上传第二个视频进行预览的情况吗？

感谢您的帮助。

Answer 1

您特别提及的网站Pond5会创建一个带有水印和低质量的视频缩略图并存储它。然后使用JavaScript回放它以动态加载包含flash播放器的div元素。所以没有涉及GIF。您需要上传第二个视频，但此项目的步骤如下：

1. 服务器端视频缩略图/水印：不确定是否有任何PHP软件包可以完成此任务的任务。我会用C ++或C＃编写一个更强大的程序。如果你使用C＃，那么快速简便的解决方案就是Microsoft Expression Encoder。

2. Flash / Silverlight / HTML5视频播放器：播放视频。

3. 客户端JavaScript：加载花哨的弹出窗口和前面提到的视频播放器。请注意，您可能需要使用PHP和数据库引擎来加载所请求视频的缩略图URL。

这就是Pond5，以及许多其他影视网站所使用的内容，以及为达到类似结果需要做的基本概要。