Získejte HTML5 Video Duration

Video HTML5 je vzrušující, už jen z toho důvodu, že k vykreslování médií již nepotřebujeme Flash ani jiné pluginy třetích stran. Můžeme také vytvořit vlastní ovládací prvky a zobrazení kolem videa, přičemž jedním z těchto zobrazení by měla být délka videa. Dovolte mi, abych vám ukázal, jak získat a zobrazit délku videa!

JavaScript

video prvky mají duration vlastnost, která představuje počet sekund ve videu. Chcete-li zobrazit dobu trvání pěkným způsobem, budete muset použít parseInt a modul (% ):

// 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);

Je důležité používat setInterval a zkontrolujte readyState videa v případě, že se video nenačetlo v době, kdy se pokoušíte vytáhnout dobu trvání. parseInt se používá k získání čísla minuty a modul se používá k získání druhého počtu.