Miren, el problema que tengo es que no se como mostrar el tiempo y la duracion del video de mi reproductor que he creado.
Ps el tema es que si yo coloco mustro el currentTime o duration estos me dan tiempo en segundos segun creo.
Y lo que quiero es saber como mostrar ese tiempo pero en segundos y minutos normales.
Es decir, una especie de calculo ¿no?.
dejare el code de jquery aqui, asi le hechan un vistazo y si hay algo que vean que puedan optimizar me avisan, me ayudaria mucho :)
Código Javascript:
Ver original
$(document).ready(function(){ //----> Funcion "Controlar Tiempo". $("#progress_box").on("click", function(event){ var mouseX = event.pageX - this.offsetLeft; var Duracion = $("video")[0].duration; var ProgressBox = $("#progress_box").width(); mouseX = mouseX*Duracion/ProgressBox; $("video")[0].currentTime = mouseX; var ProgresoActual = $("video")[0].currentTime; var ProgresoTotal = ProgresoActual*100/Duracion; /*alert(ProgresoTotal);*/ $("#progress_bar").css({"width":""+ProgresoTotal+"%"}); }); }); //----> Funcion "Play". function play(){ var play = $("#play"); play.removeClass("play"); play.addClass("pause"); play.attr("onclick", "pause();"); $("video")[0].play(); $("video").on("timeupdate", function(){ var Duracion = $("video")[0].duration; var Progreso = $("video")[0].currentTime; var ProgresoTotal = Progreso*100/Duracion; $("#progress_bar").css({"width":""+ProgresoTotal+"%"}); }); } //----> Funcion "Pause". function pause(){ var play = $("#play"); play.removeClass("pause"); play.addClass("play"); play.attr("onclick", "play();"); $("video")[0].pause(); } //----> Funcion "mute". function mute(){ var sound = $("#sound"); sound.removeClass("sound_enabled"); sound.addClass("sound_disabled"); sound.attr("onclick", "desmute();"); $("video")[0].volume = 0; } //----> Funcion "desmute". function desmute(){ var sound = $("#sound"); sound.removeClass("sound_disabled"); sound.addClass("sound_enabled"); sound.attr("onclick", "mute();"); var SoundRange = $("#sound_range input").val(); $("video")[0].volume = 0+"."+SoundRange; } //----> Funcion "volumen". function volumen(){ var VolActual = $("#sound_range input").val(); $("video")[0].volume = 0+"."+VolActual; } //----> Funcion "Full_Screen". function fullscreen(){ $("video")[0].mozRequestFullScreen(); }
Espero puedan ayudarme y gracias de antemano.