html: <video id="video" controls autoplay="autoplay" muted> <source src="" type="video/mp4" /> </video> js: //監聽播放時間 var video = document.getElementById('video'); //使用事件監聽方式捕捉事件 video.addEventListener("timeupdate",function(){ var timeDisplay; var duration; //用秒數來顯示當前播放進度 timeDisplay = Math.floor(video.currentTime); duration = Math.floor(video.duration); console.log('總時長',duration) console.log('當前播放的時長',timeDisplay) },false); }
video實現實時監測當前播放時間和總時長
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.