Можно через input type="range"
Привожу пример кода который
использую сам:
<input id="jcp-volume" type="range" min="0" max="10" value="5" step="0.1" />
И изменение громкости можно подцепить с помощью JQuery.
$("#jcp-volume").mousemove(function(){
audio.volume = parseFloat(this.value / 10);
});
Как раз срабатывает в реальном времени, при изменении мышью.
Переменная audio - аудио объект Audio()
В вашем случае video - Video() , в общем нужно смотреть на код который у вас обрабатывает плеер )))
