Obter a duração do vídeo HTML5

O vídeo em HTML5 é empolgante, mesmo que seja apenas pelo fato de não precisarmos mais do Flash ou de outros plug-ins de terceiros para renderizar a mídia. Também podemos criar controles e exibições personalizados em torno do vídeo, e uma dessas exibições deve ser a duração do vídeo. Vou mostrar ao senhor como obter e exibir a duração do vídeo!

O JavaScript

video os elementos têm um duration que representa o número de segundos do vídeo. Para exibir a duração de uma forma bonita, o senhor precisará usar parseInt e modulus (%):

// Assume "video" is the video node
var i = setInterval(function() {
	if(video.readyState > 0) {
		var minutes = parseInt(video.duration / 60, 10);
		var seconds = video.duration % 60;

		// (Put the minutes and seconds in the display)

		clearInterval(i);
	}
}, 200);

É importante usar o setInterval e verificar se o vídeo é readyState caso o vídeo não tenha sido carregado até o momento em que o senhor tentar obter a duração. parseInt é usado para obter o número de minutos e modulus é usado para obter a contagem de segundos.