关于videojs视频加载重试

最新推荐文章于 2025-09-21 08:10:27 发布

原创最新推荐文章于 2025-09-21 08:10:27 发布 · 4k 阅读

1 ·

CC 4.0 BY-SA版权

文章标签：

#videojs #onerror #player.src

前端专栏收录该内容

6 篇文章

订阅专栏

本文介绍了一种使用video.js播放器处理视频加载错误的方法。通过监听错误事件并自定义重试逻辑，确保视频内容能够成功播放。适用于单视频或多视频播放场景。

           urls = [{src: 'http://xxxxx/x.mp4'},{src:'http://xxxx/y.mp4'}]
           player = videojs('myVideo', {
                controlBar: {
                    fullscreenToggle: false
                },
                controls: true,
                loop: false,
                playbackRates: [0.5, 1, 1.5, 2, 3]
            })
           videojs("myVideo").ready(function () {
                ...省略...
				this.on('error', function(){
                    console.log('load video error: ' + this.error().code + ', src:' + this.currentSrc())
					this.error(null)
					urls.shift();  // 删除加载失败的那一条
					player.src(urls);  // 失败重新加载
                })
            })
            player.src(urls)

如果单个视频，可以自定义一个重试次数。

参考

videojs