video视频标签播放视频时点击或拖拽进度条事件

在HTML中，<video> 元素提供了多种与视频播放相关的事件，但直接针对鼠标拖拽或点击进度条的事件并不存在。不过，我们可以通过监听 <video> 元素的 timeupdate 事件来间接实现这一需求。

HTML

<video id="videoNode" width="100%" height="100%" controls>  <source :src="videoUrl" type="video/webm">  
</video>  
//videoUrl可在浏览器中直接播放

JS

import _ from "lodash";data() {return {videoTimer: null,};
},methods:{videoEvent() {this.$nextTick(() => {let previousTime = 0;let video = document.getElementById("videoNode");if (!video) return;video.a