HTMLビデオで現時点のタイムスタンプを取得する方法（秒単位ではない）

Question

HTML5ビデオからHH：MM：SSを使用して現在のタイムスタンプを取得しようとしています。私はthisのバリエーションを使用しています：
をHTML

<video 
    id="video-active" 
    class="video-active" 
    width="640" 
    height="390" 
    controls="controls"> 
    <source src="myvideo.mp4" type="video/mp4"> 
</video> 
<div id="current">0:00</div> 
<div id="duration">0:00</div> 

jQueryの

$(document).ready(function(){ 
    $("#video-active").on(
    "timeupdate", 
    function(event){ 
    onTrackedVideoFrame(this.currentTime, this.duration); 
}); 

function onTrackedVideoFrame(currentTime, duration){ 
    $("#current").text(currentTime); 
    $("#duration").text(duration); 
} 

私の主な問題は、現在と持続時間のdivがちょうど0時と何を示しているということですelse。コードに何か問題がありますか、またはHTMLビデオのタイムスタンプを取得する簡単な方法がありますか？

Answer 1

夜12時の問題を解決するために、まず、私はミリ秒にMOMENT

<script src="https://cdnjs.cloudflare.com/ajax/libs/moment.js/2.12.0/moment.min.js"></script> 

コンバート秒が含まれており、MOMENT期間

val = Number(duration) * 1000; //convert seconds to milliseconds 
    var d = moment.duration(val); 
var show_time = d.hours() + "hours" + d.minutes() + "minutes" + d.seconds() + "seconds"; 

を作成し、その後HTML

function onTrackedVideoFrame(currentTime, duration){ 
    $("#current").html(currentTime); 
    $("#duration").html(duration); 
} 

にテキストを変更します