vue视频时间进度条组件使用方法详解

本文实例为大家分享了vue视频时间进度条组件的使用方法，供大家参考，具体内容如下

有些视频是以视频流的形式进行渲染的，没有视频滚动条，所以就写了24h的时间组件

实现思路：

1、24h的时间刻度线总宽度为12960px
2、点击24h线的某一点，获取这一点离左侧原点的距离（使用dom元素layerX和offsetLeft综合判断）
3、计算点击时线段的占比比率
4、每天的时间是86400000毫秒
5、占比比率乘以86400000就是获取的你点击的时间

代码如下：

以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持脚本之家。