进度条实现

 展开看video里面的属性

console.dir(video)

currentTime => 当前播放时长      duration => 视频总时长

const video = document.querySelector(video);  //获取video标签
//当前播放时长 / 总时长 + %    由于获取出来的是毫秒数所以要 * 100 得到秒
video.style.width = 100 * video.currentTime/video.duration + "%";

需要隔一段时间执行一次就需要使用到周期定时器

setInterval(function () {
    video.style.width = 100 * video.currentTime/video.duration + "%";
}, 1000);

 如果定义一秒执行一次发现进度条不太丝滑就把1000改小就可以了