Hola gente , espero esten bien.
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.