video标签使用总结(在线课程视频播放)

1、html页面




设置 muted属性后 可以实现静音播放 (最新版chrome即使有autoplay不支持有声音自动播放,)

2、视频播放开始时间设置


//视频播放开始时间设置
video.addEventListener('loadedmetadata',function(){
	videoStartTime = courseUser.progress; //秒
    video.currentTime = videoStartTime; 
}); 

3、进度条禁止拖动


var last = 0;
video.ontimeupdate = function () {
	var current = video.currentTime;
	if(current - last > 2) {
		video.currentTime = last;
	} else {
		last = current;
	}
};

4、监听视频播放时长


video.addEventListener("timeupdate",function(){
	var timers=Math.ceil(this.currentTime)-1;//视频当前播放时长
})

5、监听暂停


video.addEventListener('pause',function(){

})

6、监听播放完毕


video.addEventListener("ended",function(){

})

你可能感兴趣的:(前端,javascript,html,jquery,前端)