videojs - 移动进度滑块时如何显示缩略图

时间:2018-02-28 16:10:24

标签: html5 video.js

在YouTube的播放器上,当您将鼠标悬停在进度条上并遍历鼠标时,您会看到一系列缩略图以及时间值。这很棒,当你想要找到一个你在视觉上知道的场景,并想要它的时间价值时。

然而,在videojs播放器上,您只能看到时间值。

(关于X-Finity(康卡斯特,他们的快进同样显示了一系列快速缩略图。但是,谷歌搜索似乎表明Videojs没有快进。而且,我认为我更喜欢YouTube的特色就是快进。)

所以,底线问题是:如何使Videojs播放器像YouTube一样?

(我认为这对于最终用户来说很难实现,在javascript中。检测滑块正在被移动无疑是直截了当的,但显示缩略图的代码将是我的一部分不知道 怎么做。)

任何人都知道如何编程吗?

1 个答案:

答案 0 :(得分:0)

BrightCove开发了一个实现此功能的“缩略图”插件。 在此处查看其示例代码:     https://support.brightcove.com/display-thumbnail-previews-plugin#Example

此论坛上有关于此主题的更具体的讨论:     How to generate video preview thumbnails for use in VideoJS?

我在实现该概念时的第一个切入点是:     https://weasel.firmfriends.us/Private3-BB/