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.