vue video标签 监听当前时间位置,并三秒输出一次时间位置

Posted fanqiuzhuji

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了vue video标签 监听当前时间位置,并三秒输出一次时间位置相关的知识,希望对你有一定的参考价值。

<video @timeupdate="timeupdate" :src="视频路径" controls="controls" poster="封面"></video>
 data() {
  return {
    mytime_02:true,
     }
 }

//监听播放位置
      timeupdate(e) {
        if (!this.mytime_02) {
          return;
        } //首次进入能执行
        this.mytime_02 = false;
        setTimeout(()=>{
         console.log(parseInt(e.target.currentTime), ‘event‘)
          this.mytime_02 = true; //上次执行成功,下一次才可执行。
        }, 3000);
      },

 

以上是关于vue video标签 监听当前时间位置,并三秒输出一次时间位置的主要内容,如果未能解决你的问题,请参考以下文章

Vue 实现 H5video 视频标签 禁止快进 最优

VUE 监听局部滚动 设置ICON的位置跟随

videojs在vue中的使用(自定义组件,如清晰度)

请问,怎么用JQuery监听html5 中video 标签的全屏按钮?

js监听两个滚动条,JavaScript、Html

Vue 监听浏览器各个标签间的切换