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;//当前播放的长度

})