作者:yuanchengyc | 来源:互联网 | 2022-02-28 22:31
这篇文章给大家介绍的内容是关于html5 video如何实现实时监测当前播放时间(代码),有一定的参考价值,有需要的朋友可以参考一下,希望对你有所帮助。
html:
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如何实现实时监测当前播放时间(代码)的详细内容,更多请关注其它相关文章!