Я недавно начал использовать nginx и видео. js, чтобы установить sh прямой эфир. Проблема: если я использую video js -contrib-quality-level и video js -hls-quality-selector в качестве дополнения для видео. js они должны автоматически вставить средство выбора качества на основе загруженного плейлиста с вариантами hls , Но это не тот случай, когда просто добавляется меню качества с активированной только опцией Авто . Почему HLS Playlist или проигрыватель не получают доступ к вариантам и корректно отображают меню?
Версии:
video. js: 7.6.6
video js -contrib-quality-level: 2.0.9
video js -hls-quality-selector: 1.1.1
Вот мой код для вставки и запустите плеер:
this.videoJSplayer = videojs('video_player', {
html5: {
hls: {
overrideNative:true,
//withCredentials: true
},
controls: false,
autoplay: false,
preload: 'auto'
}
this.videoJSplayer.src([{type:'application/x-mpegURL',src: URL + ".m3u8"}]);
this.videoJSplayer.controls('true');
this.videoJSplayer.play();
this.isButtonVisible = false;
this.videoJSplayer.hlsQualitySelector();
Вот так выглядит мой плейлист:
#EXT-X-STREAM-INF:PROGRAM-ID=1,CLOSED-CAPTIONS=NONE,BANDWIDTH=288000
test2_low.m3u8
#EXT-X-STREAM-INF:PROGRAM-ID=1,CLOSED-CAPTIONS=NONE,BANDWIDTH=2048000
test2_hd720.m3u8
#EXT-X-STREAM-INF:PROGRAM-ID=1,CLOSED-CAPTIONS=NONE,BANDWIDTH=4096000
test2_src.m3u8