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