W3Context Online Editor v1.1

<!DOCTYPE html>
<html>
<head>
    <title>HTML ontimeupdate attribute example</title>
</head>
<body>
    <h3>HTML ontimeupdate attribute example</h3>
    <p>ontimeupdate event fires when the playing position of an audio or video element changes.</p>
    <p id="output">Playing position:</p>
    
    <video controls ontimeupdate="myFunction(event)" id="sample">
        <source src="video-source-path.mp4" type="video/mp4">
        This browser does not support the video tag.
    </video>
    <script>
        //In javascript
        //document.getElementById("sample").ontimeupdate=function() {myFunction();};
        //OR
        //document.getElementById("sample").addEventListener("timeupdate", myFunction);
        function myFunction() {
  			var video = document.getElementById("sample");
  			var time = video.currentTime;
  			document.getElementById("output").innerHTML = "Playing position: "+time.toFixed(2);
		}
    </script>
</body>
</html>