HTML5视频播放器进度栏更新

Question

我一直关注着newboston的HTML5视频教程，并且已经完成了制作视频播放器的教程。我已经完全复制了代码，但进度条在单击时不会更新。

My JSFiddle

我认为这不起作用的原因是因为出了点问题：

function clickedBar(e){
    if(!myMovie.paused && !myMovie.ended){
        var mouseX=e.offsetX;
        var newtime=mouseX*myMovie.duration/barSize;
        myMovie.currentTime=newtime;
        progressBar.style.width=mouseX+'px';
    }
}

我真的无法弄清楚为什么它不起作用，但任何帮助都会受到赞赏！

编辑：固定链接。

Answer 1

您的代码正在改变

 bar.addEventListener('click', **clickedbar**, false);
 bar.addEventListener('click', clickedBar, false);

http://jsfiddle.net/wqr7S/4/