這篇文章要跟大家介紹的內容是關於html5 video如何實現即時監測當前播放時間(程式碼),有一定的參考價值,有需要的朋友可以參考一下,希望對你有幫助。
html:
1 2 3 4 | < video id = "video" controls autoplay = "autoplay" muted>
< source src = "" type = "video/mp4" />
Your browser does not support the video tag.
</ video >
|
登入後複製
js:
1 2 3 4 5 6 7 8 9 10 11 12 13 | //监听播放时间
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中文網其他相關文章!