HTML5ビデオで現在の再生時間のリアルタイム監視を実装する方法（コード）

この記事では、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('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ビデオで現在の再生時間のリアルタイム監視を実装する方法（コード）の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。