关于html5 video

最新推荐文章于 2022-07-04 10:47:33 发布

转载最新推荐文章于 2022-07-04 10:47:33 发布 · 56 阅读

0 ·

CC 4.0 BY-SA版权

原文链接：http://www.cnblogs.com/heyiming/p/6392917.html

获取视频长度

<video id="video" width="200px" height="auto" src="videos/demo.mp4" >
    your browser does not support the video tag!
<!--当浏览器不支持html5的video标签时，做出相应的提醒。-->
</video>
<script src="http://files.cnblogs.com/files/heyiming/jquery-2.1.4.min.js"></script>

<script>
    $(document).ready(function(){
        $("#video")[0].addEventListener("loadedmetadata", function(){
            var tol_time = this.duration;//获取视频总时长
            alert(tol_time);
        });
    });
</script>