destoon8.0 html5 video获取当前时间和视频总时间长度

  2021-03-09    阅读:11
 标签:
 
 
<video
    id="video-active"
    class="video-active"
    width="640"
    height="390"
    controls="controls">
    <source src=http://www.destoon.info/skin/gw/image/nopic.gif type="video/mp4">
</video>
<div id="current">0:00</div>
<div id="duration">0:00</div>
 
JS:
 
 
$(document).ready(function(){
  $("#video-active").on(
    "timeupdate", 
    function(event){
      onTrackedVideoframe(this.currentTime, this.duration);
    });
}
 
function onTrackedVideoframe(currentTime, duration){
    $("#current").text(currentTime);
    $("#duration").text(duration);
}

免责声明:
本站部份内容系网友自发上传与转载,不代表本网赞同其观点;
如涉及内容、版权等问题,请在30日内联系,我们将在第一时间删除内容!

相关Destoon技术

(c)2012-2020 www.destoon.info All Rights Reserved
大连慧一科技有限公司   
  QQ咨询

购买模板 售前咨询

  咨询QQ

3292628658
(早8:30-晚10:00)

  微信咨询

咨询微信
客服微信

  返回顶部