>  기사  >  웹 프론트엔드  >  HTML5 비디오에서 현재 재생 시간의 실시간 모니터링을 구현하는 방법(코드)

HTML5 비디오에서 현재 재생 시간의 실시간 모니터링을 구현하는 방법(코드)

不言
不言원래의
2018-08-06 17:49:327766검색

이 글에서는 HTML5 영상의 현재 재생 시간(코드)을 실시간으로 모니터링하는 방법을 소개합니다. 도움이 필요한 친구들에게 도움이 되길 바랍니다. .

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(&#39;video&#39;);
//使用事件监听方式捕捉事件
video.addEventListener("timeupdate",function(){
    var timeDisplay;
	//用秒数来显示当前播放进度
	timeDisplay = Math.floor(video.currentTime);
	console.log(Math.floor(video.currentTime))
    //当视频播放到 4s的时候做处理
	if(timeDisplay == 4){
	        //处理代码
	}
},false);

추천 관련 기사:

html5 오디오( 오디오 분석)

html5의 비디오(비디오) 요소 분석

위 내용은 HTML5 비디오에서 현재 재생 시간의 실시간 모니터링을 구현하는 방법(코드)의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

성명:
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.