当前位置:首页 > 前端 > javascript > js 获取视频的总时长

js 获取视频的总时长

DChen3年前 (2021-07-06)javascript3.17 K0

最近有个项目需要展示出视频的时长,用php获取吧,麻烦还得装扩展,想想吧,能不能用js去实现,后面百度了一下,确实也找到不少demo。然鹅,百度上面的东西大家都懂,最后整合了一份我自己跑过了之后感觉还行的贴出来

<!DOCTYPE html>
<html>
<head>
    <title></title>
</head>
<body>

<video id="videoPlayerNew" src="http://vfx.mtime.cn/Video/2019/03/18/mp4/190318231014076505.mp4" controls="controls">
your browser does not support the video TAG
</video>
</body>
<script type="text/javascript">
    var vid = document.getElementById("videoPlayerNew");
        vid.onloadedmetadata = function() {
              console.log('metadata loaded!');
              console.log(vid.duration); //打印时长(打印出来是:60.001)单位是秒
              var duration = parseInt(vid.duration);//取整(如果想取00:00这种类型展示的话,可以看另一片文章)
        };
</script>
</html>

如果想取“00:00”这种类型展示的话,可以看另一片文章“Javascript秒数转化为时分秒”


取消

感谢您的支持,我会继续努力的!

扫码支持
扫码打赏,你说多少就多少

打开支付宝扫一扫,即可进行扫码打赏哦

版权声明:本文由“憨小猪”发布,如需转载请注明出处。

本文链接:https://www.phper.red/post/133.html

标签: js

发表评论

访客

看不清,换一张

◎欢迎参与讨论,请在这里发表您的看法和观点。