HTML5+JS连续播放分段视频有没有什么方法

Question

视频格式MP4或FLV
大约3段，每段15分钟左右。
需求：
1.显示出来的是总时间（45分钟左右）
2.能够拖动滚动条（自动切到合适的视频段）
烦请各位给一个思路

Answer 1

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