js获取上传视频的时长（video标签获取视频时长）

最新推荐文章于 2024-08-31 18:20:27 发布

黄大侠98k

最新推荐文章于 2024-08-31 18:20:27 发布

阅读量4.8k

点赞数 1

分类专栏：前端文章标签： javascript html html5 jquery css3

本文链接：https://blog.csdn.net/huangxingjie/article/details/105800660

版权

前端专栏收录该内容

4 篇文章 0 订阅

订阅专栏

h5配合javascript 通过video标签获取视频时长

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
<input type="file" id='upload'>
<button onclick='getVideoTime()'>获取时长</button>
</body>
<script>
    function getVideoTime() {
        var fileVIdeo =  document.getElementById("upload").files[0]
        var url = URL.createObjectURL(fileVIdeo);
        var audioElement = new Audio(url);
        audioElement.addEventListener("loadedmetadata", function (_event) {
            var duration = audioElement.duration;
            console.log("视频时长："+duration+"秒");
        });
    }
</script>
</html>