如何将预览缩略图添加到html5视频搜寻栏

Question

因此，正如问题所述，我想将缩略图添加到html5视频搜索栏中。我想使用webvtt文件来做到这一点。

我的html5视频代码...

<video controls>
<source src="video.mp4" type="video/mp4" >
<track src="video.vtt" kind="metadata" default>
</video>

请问有人可以给我示范实现此功能所需的javascript示例吗？

我想做的一个例子已经在JWPlayer here上完成了。