用javascript知道视频的持续时间

时间:2014-11-26 18:30:30

标签: javascript video

我想根据视频的持续时间更改输入范围的属性,我不能。

我的代码: .......

function knowduration() {
        var video = document.getElementById("video");
        var tiempo = video.duration;
        var tiempo2 = tiempo.toFixed();
        return tiempo2;
    }

...

<video id="video" src="video/video3.mp4" width="100%" height="100%"/>

...

<script>
          document.getElementById("defaultSlider").setAttribute("max", knowduration());
</script>

但是不可能。

非常感谢。

1 个答案:

答案 0 :(得分:1)

视频时长可用作元数据。您将不得不等待加载元数据。

var vid = document.getElementById("myVideo");
vid.addEventListener("loadedmetadata", function() {
console.log("Meta data for video loaded");
alert(vid.duration);
});

DEMO

http://www.w3schools.com/tags/av_event_loadedmetadata.asp