mp4视频播放到一半,暂停了

565 阅读1分钟

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);