1. 程式人生 > >H5簡單實現視訊播放歷史定位

H5簡單實現視訊播放歷史定位

html

<video id="Video" controls autoplay controlsList="nodownload">
                
</video>

js

$('#Video').on("loadedmetadata", function () {//獲取視訊資源長度
        /*obj表示服務端返回的視訊資料物件,服務端語言不同寫法估計也不同,這裡就用obj代替了, 
        watchLength表示上一次觀看的進度,這個值在資料庫中需要儲存,單位可以設計為秒。
        把上次記錄的長度賦值給currentTime屬性就行了*/
        this.currentTime = obj.watchLength;
});

記錄播放長度可以監聽另一個事件:

$("#Video").on("timeupdate", function (event) {//只要播放進度改變就會觸發這個事件

var watchLength = this.currentTime;//當前播放的長度

})