Javascript Mozilla Firefox中出现错误。

我为HTML5视频播放器编写HTML/JS代码，在Firefox 27.0.1版本、Ubuntu/Windows Chrome在works中、IE11中都有一个错误

HTML

我在Firefox中的这一行有一个错误

video.currentTime = Math.round(x * video.duration);

错误：

---

TypeError:分配给HTMLMediaElement.currentTime的值不是有限浮点值。

检查视频标记中的.webm视频文件。linux上的Firefox（也可能在其他操作系统上）不播放.mp4文件。

什么是

x

和

video.duration

？听起来像是NaNing。这里有一个相关的问题：您应该在代码中放入console.log（width，x，x*video.duration）来查看发生了什么。我确信其中一个值是NaN。NaN是真的，为什么只在firefox中？它是用于调试的临时变量。我需要在视频上创建导航，我看到用户在哪里单击并执行类似的操作（选择最大宽度），它需要gstreamer插件。

var video = document.getElementById("videoPlayer"), (HTML5 <video *.mp4>)
newprogressBar = document.getElementById("newprogressBar");
newprogress = document.getElementById("newprogress");

newprogressBar.addEventListener('click', function(event) {
width = parseFloat(newprogressBar.style.width);
var x = event.offsetX / width;  
video.currentTime = Math.round(x * video.duration);
}, false);  

video.currentTime = Math.round(x * video.duration);