title: How to get current timestamp (not just in seconds) in HTML video
body: <p>So I'm trying to get a current timestamp as in something with HH:MM:SS from an HTML5 video. I'm using a variation of <a href="https://stackoverflow.com/questions/6380956/current-duration-time-of-html5-video/15636794#15636794">this</a>:<br>
  <strong>HTML</strong></p>
  
  <pre><code>&lt;video
      id="video-active"
      class="video-active"
      width="640"
      height="390"
      controls="controls"&gt;
      &lt;source src="myvideo.mp4" type="video/mp4"&gt;
  &lt;/video&gt;
  &lt;div id="current"&gt;0:00&lt;/div&gt;
  &lt;div id="duration"&gt;0:00&lt;/div&gt;
  </code></pre>
  
  <p><strong>JQUERY</strong></p>
  
  <pre><code>$(document).ready(function(){
      $("#video-active").on(
      "timeupdate", 
      function(event){
      onTrackedVideoFrame(this.currentTime, this.duration);
  });
  
  function onTrackedVideoFrame(currentTime, duration){
      $("#current").text(currentTime);
      $("#duration").text(duration);
  }
  </code></pre>
  
  <p>My main problem is that the current and duration divs are just showing the 0:00 and nothing else. Is there something wrong with the code, or is there an easier way to get the timestamp of an HTML video?</p>