2016-04-07 14 views
0

Bu yüzden, bir HTML5 videosuyla HH: MM: SS ile ilgili bir zaman damgası almaya çalışıyorum. Ben this bir varyasyonu kullanıyorum:
HTMLHTML videosu için geçerli zaman damgası (yalnızca saniye cinsinden değil) nasıl elde edilir

<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); 
} 

Benim asıl sorun mevcut ve süresi div'ler sadece 00:00 ve hiçbir şey gösteren olmasıdır Başka. Kodda bir sorun mu var veya bir HTML videosunun zaman damgasını almanın daha kolay bir yolu var mı?

+0

Bunun anlamı 0:00 gösterir ve artmaz mı? veya bu zaman damgasının biçimini değiştirmek mi istiyorsunuz? – callback

+0

Sadece bir sözdizimi hatası olmadığından emin misiniz? Jquery snippet'iniz benzersiz parantez/parense sahiptir. – MatthewG

cevap

0

ilk 00:00 sorunu çözmek için, ben

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

sonra ANI Süresi The

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"; 
milisaniye için moment

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

dönüştürme saniye dahildir ve oluşturmak HTML METİN değiştirecek

İlgili konular