这篇文章给大家介绍的内容是关于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如何实现实时监测当前播放时间(代码)的详细内容。