将标记添加到HTML5视频标签的时间轴(进度条)

时间:2019-06-26 20:52:37

标签: html5-video

我正在使用HTML5视频标记渲染视频。例如:

<video #video width="100%" height="50%" controls autoplay  
     id="ori_video" >
     <source src="video_src.mp4" type="video/mp4">
        Your browser does not support the video tag.
</video>

我有一个包含以秒为单位的时间的数组,我想在进度条上放置一个标记。例如: arr = [3,4,6,10]

如果视频的时长为20秒,我想在进度栏上分别标记3、4、6和10秒。我还可以获取帧的数组,而不是以秒为单位的时间。

有人可以帮助我在HTML5视频标签的进度条上呈现这些标记的方法吗?

0 个答案:

没有答案