从缩略图预览视频答案

【问题标题】：Preview video from thumbnail从缩略图预览视频
【发布时间】：2012-06-21 05:20:23
【问题描述】：

最近偶然发现了一个股票录像网站http://www.pond5.com/stock-video-footage/1/*.html，当用户将鼠标悬停在缩略图上时，他们看到了视频的预览。我想重新创建它，因为它似乎是有用的练习，它可以让我锻炼我的网络发展肌肉。

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

在pond5.com上，我原本以为他们用的是gif，但播放起来很流畅。有些还包含音频。据我所知，音频不能在 .GIF 中使用

在这种情况下，我是否只需要上传第二个视频进行预览？

感谢您的帮助。

【问题讨论】：

是的，基本上，您需要两个视频，一个完整版和一个预览版，因为即时创建预览视频需要时间，而这绝对不是您的目标。
您可以在悬停时安装一个微型轻量级视频播放器，该播放器可以流式传输和加载实际视频……但这会有点过度占用资源。最好按照德克斯特的建议去做。
创建第二个质量较低的视频似乎是一个非常简单的解决方案，几乎太简单了。我在服务器端脚本方面没有太多经验，所以在内心深处，我希望有一些简洁的 PHP 脚本来学习在上传时转换视频。谢谢你们的洞察力。

【解决方案1】：

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

服务器端视频缩略图/水印：不确定是否有任何 PHP 包可以胜任这一任务。我会用 C++ 或 C# 编写更强大的程序。如果您使用 C#，快速简便的解决方案是 Microsoft Expression Encoder。
Flash/Silverlight/HTML5 视频播放器：播放视频。
客户端 JavaScript：加载精美的弹出窗口和上述视频播放器。请注意，您可能需要使用 PHP 和数据库引擎来加载所请求视频的缩略图 URL。

这是 Pond5 和许多其他素材网站使用的内容，以及为获得类似结果需要做什么的基本大纲。

【讨论】：