javascript - 使用 javascript 了解视频的时长

Question

我想根据视频的持续时间更改输入范围的属性，但我做不到。

我的代码: ......

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>

但这是不可能的。

非常感谢。

Answer 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