Comment implémenter la surveillance en temps réel du temps de lecture actuel dans une vidéo html5 (code)

Cet article vous présente comment réaliser une surveillance en temps réel de la durée de lecture actuelle (code) d'une vidéo HTML5. Il a une certaine valeur de référence. Les amis dans le besoin peuvent s'y référer.

html:

<video id="video" controls autoplay="autoplay" muted>
	<source src="" type="video/mp4" />
	Your browser does not support the video tag.
</video>

js:

//监听播放时间
var video = document.getElementById('video');
//使用事件监听方式捕捉事件
video.addEventListener("timeupdate",function(){
    var timeDisplay;
	//用秒数来显示当前播放进度
	timeDisplay = Math.floor(video.currentTime);
	console.log(Math.floor(video.currentTime))
    //当视频播放到 4s的时候做处理
	if(timeDisplay == 4){
	        //处理代码
	}
},false);

Articles connexes recommandés :

Analyse de l'audio (audio) en html5

Analyse de l'élément vidéo en html5

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!