videojs-hls-quality-selector icon indicating copy to clipboard operation
videojs-hls-quality-selector copied to clipboard

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

Open lycoch opened this issue 3 years ago • 3 comments

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

lycoch avatar Nov 08 '21 10:11 lycoch

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

k20-nicolas avatar Nov 15 '21 10:11 k20-nicolas

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

hermify avatar Jul 13 '23 08:07 hermify

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, } },

goodtube4u avatar Jul 21 '24 03:07 goodtube4u