TA贡献1862条经验 获得超6个赞
给每一段视频一个不显示的标签，其preload属性设置为metadata。这样的话不会加载整个视频但是你能获得每个视频的长度。这样的话通过监听那几个标签的durationchange事件，你就知道总时间了。然后无非就是做一个可以拖动的滚动条；拖动到某个部位之后，算一下处于那段视频中间；把那段视频对应的显示出来，并把currentTime设置到相应的时间，然后play()。播放时通过监听timeupdate事件来更新进度条的位置。通过监听ended事件来获知一段视频已经播放结束，应该加载下一段。
这样的话通过监听那几个标签的durationchange事件，你就知道总时间了。然后无非就是做一个可以拖动的滚动条；拖动到某个部位之后，算一下处于那段视频中间；把那段视频对应的显示出来，并把currentTime设置到相应的时间，然后play()。播放时通过监听timeupdate事件来更新进度条的位置。通过监听ended事件来获知一段视频已经播放结束，应该加载下一段。
然后无非就是做一个可以拖动的滚动条；拖动到某个部位之后，算一下处于那段视频中间；把那段视频对应的显示出来，并把currentTime设置到相应的时间，然后play()。播放时通过监听timeupdate事件来更新进度条的位置。通过监听ended事件来获知一段视频已经播放结束，应该加载下一段。
播放时通过监听timeupdate事件来更新进度条的位置。通过监听ended事件来获知一段视频已经播放结束，应该加载下一段。
数据结构与算法（前端版）
¥ 58.00
Web前端开发修炼指南
解锁前端面试体系核心攻略
¥ 78.00
高薪之路—前端面试精选集
JavaScript 设计模式精讲
¥ 48.00
举报
