获取到video的实例,命名为Video
1.播放暂停功能
1.视频播放-方法
Video.play()
2.视频暂停-方法
Video.pause()
3.检测视频当前是否处于暂停状态-属性
Video.paused
2.音量倍速功能
1.音量-属性
Video.volume
2.播放速度-属性
Video.playbackRate
3.进度条功能
1.视频当前时间
Video.currentTime
2.视频总时间
Video.duration
4.其他
1.鼠标坐标距离元素左侧的位置
offsetX
使用示例:
progress.parentNode.addEventListener("mousedown", item => { progress.style.flexBasis = `${item.offsetX}px` })