給每一段視頻一個不顯示的 標簽,其
preload
屬性設置為 metadata
。這樣的話不會加載整個視頻但是你能獲得每個視頻的長度。
這樣的話通過監(jiān)聽那幾個標簽的 durationchange
事件,你就知道總時間了。
然后無非就是做一個可以拖動的滾動條;拖動到某個部位之后,算一下處于那段視頻中間;把那段視頻對應的 顯示出來,并把
currentTime
設置到相應的時間,然后 play()
。
播放時通過監(jiān)聽 timeupdate
事件來更新進度條的位置。通過監(jiān)聽 ended
事件來獲知一段視頻已經播放結束,應該加載下一段。