实现一个个性化播放器,弃用video标签自带的进度条 播放按钮 时间显示 声音控件等。
PC端:
1.video画面 画面上的按钮 以及下方的按钮 点击 实现播放暂停效果
2.全屏效果
3.视频总长度的时间显示 以及视频播放时的时间动画
4.视频播放时 进度条的动画
5.点击/拖动进度条某个位置 视频跳转到指定的画面 同时时间的变化
6.点击/拖动声音条某个位置 声音大小的变化
1.线上环境(GitHub)如果视频卡顿 进度条仍然变化(应该也要卡顿才对)
2.声音条 不论是点击还是拖动 声音没有变化 js打印的volume有变化 在浏览器调试始终为1
3.声音条 拖动会有闪烁
4.进度条 视频结束时没有触底 可能因为零点几的误差
5.拖动进度条有时候会往前/往后拖到外面的位置
6.在电脑调试移动端样式以及播放没问题 但是手机上播放会出现video自带的播放控件 同时获取不到视频长度(视频总时长)
7.PC端有时候也获取不到视频的总时长 这时候点击播放 拖动/点击进度条会报错