HTML5视频播放器进度条更新

Question

我一直在跟随thenewboston的HTML5视频教程，现在已经到了制作视频播放器的教程。我已经完全复制了代码，但是当单击进度条时，进度条不会更新。

我的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';
    }
}

我真的搞不明白为什么它不工作，但是任何帮助都将不胜感激！

编辑：链接已修复。

- Luke-T

---

change e to event - ashishmaurya

有没有特别的原因导致这样做？ - Luke-T

Answer 1

您的代码已生效更改

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

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

- apsuva

---

哈哈！真是个简单的错误 :P 非常感谢！ - Luke-T