tempo corrente / durata del video html5?

Ho bisogno di un modo per ottenere la durata totale del video e l’ora corrente con jquery e visualizzarla in un paio di tag

.

0:00
0:00

Ho cercato tutto il giorno e so come ottenerli non riesco a visualizzarli. #jquerynoob

HTML:

  
0:00
0:00

JavaScript:

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

Gli appunti:

Ogni 15 a 250 ms o ogni qualvolta la posizione del controller multimediale di MediaController cambia, a seconda del caso che si verifica meno spesso, l’agente utente deve accodare un’attività per triggersre un evento semplice denominato timeupdate sul MediaController.

http://www.w3.org/TR/html5/embedded-content-0.html#media-controller-position

Questa pagina potrebbe aiutarti. Tutto ciò che devi sapere su video e audio HTML5

 var video = document.createElement('video'); var curtime = video.currentTime; 

Se hai già l’elemento video, dovrebbe funzionare .currentTime. Se hai bisogno di maggiori dettagli, quella pagina dovrebbe essere in grado di aiutarti.

Esempio di lavoro qui a: http://jsfiddle.net/tQ2CZ/1/

HTML

 
Current Time : 0
Total time : 0

JS

 $(function(){ $('#currentTime').html($('#video_container').find('video').get(0).load()); $('#currentTime').html($('#video_container').find('video').get(0).play()); }) setInterval(function(){ $('#currentTime').html($('#video_container').find('video').get(0).currentTime); $('#totalTime').html($('#video_container').find('video').get(0).duration); },500) 

Presumo che tu voglia visualizzare questo come parte del giocatore.

Questo sito analizza come ottenere sia il tempo corrente che quello totale indipendentemente da come lo si vuole visualizzare usando jQuery:

http://dev.opera.com/articles/view/custom-html5-video-player-with-css3-and-jquery/

Questo coprirà anche come impostarlo su un div specifico. Come già detto da philip, .currentTime ti darà dove sei nel video.

https://www.w3schools.com/tags/av_event_timeupdate.asp

 // Get the