VUE中如何获取video播放的时长

<script src="js/vue.js"></script>
<script src="js/element-ui.js"></script>
<div id="box" v-loading="loading" v-cloak>
<video src="video/20.mp4" id="video" loop muted width="100%" height="100%" autoplay="autoplay"></video>
</div>
<script>
   new Vue({
       el: "#box",
       data: {
           currentTime:0,
           loading:true
      },
       methods: {
           updateTime(e) {
               var _this = this;
               var nowTime=Math.floor( e.target.currentTime);
               console.log("当前播放的时间", nowTime);
               var duration = Math.floor(e.target.duration);
               console.log("总时长", duration);
          },
      }
  })
</script>

</div>

new Vue({

el: "#box",

data: {

currentTime:0,

loading:true

methods: {

updateTime(e) {

var _this = this;

var nowTime=Math.floor( e.target.currentTime);

console.log("当前播放的时间", nowTime);

var duration = Math.floor(e.target.duration);

console.log("总时长", duration);

}

})

</script>

阿慕笔记

VUE中如何获取video播放的时长

发表回复取消回复

VUE中如何获取video播放的时长

发表回复 取消回复

发表回复取消回复