chrisboustead / videojs-hls-quality-selector

Adds a quality selector menu for HLS sources played in videojs. Requires `videojs-contrib-quality-levels` plugin.
MIT License
141 stars 103 forks source link

selector on mobile ( workarround #13 doesn't work ) #80

Open lycoch opened 2 years ago

lycoch commented 2 years ago

hello same issue as #13 , on desktop, everything is working but i want to force the quality menu dropdown on mobile but it doesn't show

here is my code


options, player;
options = {
    responsive: true,            
    controlBar: {
        children: [
            'playToggle',
            'progressControl',
            'volumePanel',
            'qualitySelector',
            'fullscreenToggle',
        ],
    },
    html5: {
        nativeAudioTracks: false,
        nativeVideoTracks: false,
        hls: {
            overrideNative: true,
            debug: true,
        }
    },
};
player = videojs('mainvideo',options);
player.hlsQualitySelector();
player.play();

same result without

    nativeAudioTracks: false,
        nativeVideoTracks: false,

videojs 7.0 videojs-contrib-quality-levels @version 2.1.0 videojs-hls-quality-selector * @version 1.1.4 thanks for your help

k20-nicolas commented 2 years ago

Hi, I've the same problem, a solution ? Thanks

hermify commented 1 year ago

It's an old thread, but that works: html5: { vhs: { overrideNative: true, }, } ,

goodtube4u commented 1 month ago

I think this has changed recently and is no longer working with iOS? The below settings don't seem to work (even with vhs)

html5: { nativeAudioTracks: false, nativeVideoTracks: false, hls: { overrideNative: true, }, vhs: { overrideNative: true, } },