html5 video如何实现实时监测当前播放时间(代码)

互联网 18-8-6
这篇文章给大家介绍的内容是关于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如何实现实时监测当前播放时间(代码)的详细内容,更多内容请关注技术你好其它相关文章!

来源链接:
免责声明:
1.资讯内容不构成投资建议,投资者应独立决策并自行承担风险
2.本文版权归属原作所有,仅代表作者本人观点,不代表本站的观点或立场
标签: html5 video
上一篇:php获取远程图片并下载保存到本地的方法分析 下一篇:html5移动端Meta的设置

相关资讯