Javascript Interação com <video> e input range

[Diogou]

OI, estou tentando fazer um player html5, porém não estou consigo fazer a barra de duração ficar "bom".

 

o que está acontecendo, é que eu estou chamando a função para trocar o value do input a cada 1s (com setinterval), e se o usuario manter pressionado o input e arrastar para algum lugar, o setinterval vai levar o value para onde o video parou.

 

Aqui está um exemplo: http://jsfiddle.net/9ex8k3vp/7/

 

alguma solução?

[DiF]

@MyNameIsMech

Qual seria a necessidade de reinventar roda? Basta você ativar o atributo  "controls" no seu elemento de vídeo que nativamente você ganha o controle da barra de duração exatamente como você precisa e ainda esta barra de controle é visualmente mais bonitor, clean e melhor do que fazer na unha.

 

https://jsfiddle.net/dife/9ex8k3vp/10/

[Diogou]

@DiF Não quero usar o controls, quero fazer um próprio, com minhas funções especificas que não encontra no player nativo, ou até mesmo para aprender.

Por exemplo, no que estou fazendo, tem informações de quem publicou, volume e outras funções que não encontra no nativamente no player html5. Pode me ajudar a resolver o problema no range?