html5 video如何實現即時監測目前播放時間（程式碼）

這篇文章要跟大家介紹的內容是關於html5 video如何實現即時監測當前播放時間（程式碼），有一定的參考價值，有需要的朋友可以參考一下，希望對你有幫助。

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);

 相關文章推薦：

html5中audio（音訊）的分析

#html5中video（影片）元素的分析

#

以上是html5 video如何實現即時監測目前播放時間（程式碼）的詳細內容。更多資訊請關注PHP中文網其他相關文章！