如何在我的网站上制作热门视频的tumbnails画廊?

时间:2015-08-28 16:51:24

标签: javascript jquery html5 video gallery

我一直在四处看看,我不知道从哪里开始。我想创建一个在我的网站上显示热门视频缩略图的图库,当点击缩略图时,它会将用户重定向到视频所在的页面。如果有人能让我知道如何做到这一点,请指出我的方向,找出如何做到这一点,甚至提出一些很好的建议。提前谢谢!

1 个答案:

答案 0 :(得分:0)

这是一个广泛的问题,所以高层答案:

  • 首先,每次观看视频时,请在您的系统中的某个位置记录此信息(我猜您已经这样做了,希望如此)
  • 查看你的标签,我假设你正在使用JQuery,所以以下是基于JQuery的视频库的例子:https://html5box.com/html5gallery/https://github.com/blueimp/Gallery
  • 使用您记录中观看次数最多的视频填充上方的视频库<​​/ li>

使用这些方法,您需要为视频生成缩略图“海报”图像。有一些方法可以自动执行此操作(例如,请参阅此处的步骤7,使用ffmpeg和node.js:http://code.tutsplus.com/tutorials/how-to-create-a-resumable-video-uploade-in-node-js--net-25445)。

但是,如果你想控制使用的图像,这会对你想要自己创建海报图像的外观产生很大的影响。