html视频播放进度条上如何加入点号，并且鼠标移动到点号上显示关键帧图片

Question

问题是这样的：最近正在做html进行视频处理，想在html视频播放进度条上加入点号，并且鼠标移动到点号上显示关键帧图片。
就像爱奇艺视频播放的下面的效果:

有哪位朋友知道该如何做出点号吗？难道是用若干个点的图片贴在视频进度条下方？我用的是html5中,

 <video src="0.mp4" controls="controls"  style="width:450px;height:300px;">

，这个标签做的，但是视频进度条上没有点号，也不能显示鼠标移动到点号附近，显示出图片的效果。
哪位朋友能指导一下吗，十分感谢。

Answer 1

这个功能不是一个人做出来的，涉及到的技术比较多，AS通信，流媒体，前端，视频转换，通过前台输出的要么是FLASH,要么是VIDEO标签要么是canvas标签。一个人不可能完成。