项目需要检测用户播放视频进度
<html>
<body>
<video src="http://admin.com/uploads/admin/courseinfo_videos/20211028/4f24e47abd0ccdb5dc6f723f60c8540d.mp4"
controls preload="auto" id="player">
video>
body>
<script>
var video = document.getElementById('player');
function test(){
//setInterval 会一直调用内部匿名函数。
//监测视频的进度
var intval = setInterval(function(){
console.log(video.duration); //总时长
console.log(video.currentTime);//进度
if(video.currentTime == video.duration){
alert('视频播放完成');
//清除循环调用函数
clearInterval(intval);
return;
}
},1000);
}
test();
script>
html>
0条评论