给每一段视频一个不显示的
标签,其 preload
属性设置为 metadata
。这样的话不会加载整个视频但是你能获得每个视频的长度。
这样的话通过监听那几个标签的 durationchange
事件,你就知道总时间了。
然后无非就是做一个可以拖动的滚动条;拖动到某个部位之后,算一下处于那段视频中间;把那段视频对应的
显示出来,并把 currentTime
设置到相应的时间,然后 play()
。
播放时通过监听 timeupdate
事件来更新进度条的位置。通过监听 ended
事件来获知一段视频已经播放结束,应该加载下一段。