Jquery Firefox在html5中显示video.duration问题

我正在尝试建立一个自定义视频播放器

<video  preload="metadata" id="videoPlayer" style="width: 640px; height: 360px;">

</video>
<script type="text/javascript">

     var v           = "";
     var myVideo     = "";

    $(document).ready(function() {

        v        = $("#videoPlayer");
        myVideo  = v.get(0);

        $(".playlist").click(function() {

                         v.attr("src","http://www.jplayer.org/video/webm/Big_Buck_Bunny_Trailer.webm");
                    myVideo.play();
        });

        myVideo.addEventListener('loadedmetadata', function() {

            // in chrome it is working fine and shows the duration 00-00-33
            // but in firox it is showing Infinity.
                console.log(myVideo.duration);

            });
    });
<script>

var v=“”；
var myVideo=“”；
$（文档）.ready（函数（）{
v=$（“#视频播放器”）；
myVideo=v.get（0）；
$（“.playlist”）。单击（函数（）{
v、 属性（“src”http://www.jplayer.org/video/webm/Big_Buck_Bunny_Trailer.webm");
myVideo.play（）；
});
myVideo.addEventListener（'loadedmetadata'，function（）{
//在chrome中，它工作正常，并显示持续时间00-00-33
//但在firox中，它显示出无穷大。
console.log（myVideo.duration）；
});
});

---

在chrome中，视频正在播放并显示持续时间33.02。但在fireox中，它显示出无限性。因此，我无法实现搜索栏。我想我遗漏了什么

音频/视频的持续时间是NaN（不是数字），Firefox中的时间轴滑块被禁用，Firefox继续加载，但不播放音频/视频

---

确保服务器在其响应标题中设置了内容长度和内容范围属性。

在1）单击按钮并设置

src

和2）触发“loadedmetadata”事件之前，您不会获得持续时间的值。试试这个例子。在Chrome和FF中为我工作。我试过你的演示。但当我看控制台时，它在mozilla中仍然显示无穷大。@brianchirls即使在点击事件之后，它仍然显示无穷大。ie视频正在使用myVideo.duration=Infinity播放您是否有可能干扰网页的浏览器插件/扩展？比如DivX？你能确认myVideo实际上是一个视频元素吗？