Minulý týden jsem prozkoumal, jak můžete získat trvání videa HTML5. Je to samozřejmě důležitá technika, ale jedna, která může být o něco důležitější, je řízení nastavení času videa. Při vytváření chromu kolem videa je důležité jak nastavení, tak získání času videa, takže se pojďme podívat, jak tohoto úkolu dosáhnout.
První a pravděpodobně nejdůležitější částí správy časového stavu videa je vědět, že video currentTime je důležitý atribut. Aktuální čas videa můžete získat následujícím způsobem:
// https://www.youtube.com/watch?v=Cwkej79U3ek console.log(video.currentTime); // 25.431747
currentTime funguje jako getter i setter, takže se můžete po videu pohybovat nastavením hodnoty na currentTime :
video.currentTime = 0; // Restart
API je dostatečně snadné a vlastnost je samovysvětlující. Stále budete muset provést „druhou“ matematickou interpretaci času, a to jak dovnitř, tak ven, ale druhá jednotka je tak spravedlivá, jak byste mohli očekávat, takže toto API je třeba ocenit.