Bug描述:
- 项目中会有播放mp4视频的需求,使用测试视频播放时,出现了一个问题,视频总时长90s,当播放到55s时,视 频自动暂停了,手动点击播放也放不了,拖曳时间条也不行
Bug分析:
- 将此视频使用vlc播放时,发现直接从55s跳跃到了58s,没有中途暂停的情况,视频信息分析中发现数据存在丢失
Bug修复:
-
视频播放到数据丢失的位置会暂停,会触发error事件
-
监听error事件,跳过数据丢失的部分,继续播放
const video = document.getElementById('video')
let time = 0
video.addEventListener('error', function (e) {
time = video.currentTime + 1
video.load()
video.currentTime = time
}, false);