<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Insert title here</title>
<script src="https://code.jquery.com/jquery-3.2.1.min.js"></script>
</head>
<body>
<video
id="video-active"
class="video-active"
width="640"
height="390"
controls="controls">
<source src="video/test.mp4" type="video/mp4">
</video>
<div id="current">0:00</div>
<div id="duration">0:00</div>
<script>
$(document).ready(function(){
var vid = document.getElementById("video-active");
vid.playbackRate = 0.01;
$("#video-active").on(
"timeupdate",
function(event){
onTrackedVideoFrame(this.currentTime, this.duration);
});
})
function onTrackedVideoFrame(currentTime, duration)
{
$("#current").text(currentTime);
$("#duration").text(duration);
}
</script>
</body>
</html>
