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