l'elemento <video> consente di usare controlli built-in, è sufficiente specificare l'attributo controls.

Se poi non ti piacciono quelli predefiniti (diversi da browser a browser) puoi sempre programmarli via javascript, anche se la cosa richiede capacità di sviluppo in javascript non proprio banale.

parti da qui
https://developer.mozilla.org/En/Usi...deo_in_Firefox


come encoder puoi usare handbrake http://handbrake.fr/