A tag video do HTML 5 oferece vários atributos que ajudam o programador HTML montar um layout personalizado, porem ele trabalha com tempo em milisegundo, porem exemplo o tempo do video ao inves de vir 1:25 virá 85.5986445852 e agora, como fazer? Bem, a ideia é simples e vou dividir em duas funções, a primeira pega o tempo e divide em dois grupos, minuto e segundo, a segunda função verifica se o tempo resultante da primeira função tem apenas um caracter e adiciona um “zero” a frente dele. Vamos as funções:
Recebe tempo em milissegundos e transforma em minutos
var video = document.getElementById('video');
var tempo = coverteTempo(video.duration);
function coverteTempo(tempo) {
tempo = Math.round(tempo);
var segundo = tempo % 60;
var minuto = Math.round(tempo / 60);
verificaUnidade(minuto) + ':' + verificaUnidade(segundo);
}
Recebe o resultado e verifica se tem apenas um digito
function verificaUnidade(tempo) {
tempo += "";
if (tempo.length < 2) tempo = "0" + tempo;
return tempo;
}
