When `Representation.height` is undefined, menu shows `undefinedp` and this plugin will not work.

As in the README of videojs-contrib-quality-levels says, All properties are required except width and height. Ref: https://github.com/videojs/videojs-contrib-quality-levels#populating-the-list

So when Representation.height is undefined, selector menu shows only one undefinedp item. (which should be multiple items like 1080p / 720p / etc)

Representation {
  id: string,
  width: number,    // may be undefined
  height: number,    // may be undefined
  bitrate: number,
  enabled: function
}

Suggestion: when height is undefined, maybe use bitrate as key?

[kylekirkby]

Reading the documentation on this, I was able to remove the audio only version of my m3u8 stream via:

let qualityLevels = player.qualityLevels();
qualityLevels.on('addqualitylevel', function (event) {
	let qualityLevel = event.qualityLevel;
	if (qualityLevel.height) {
		qualityLevel.enabled = true;
	} else {
		qualityLevels.removeQualityLevel(qualityLevel);
		qualityLevel.enabled = false;
	}
});

[scottmx81]

@hemantachhami19 it happens if your m3u8 playlist file does not have the resolution defined in the #EXT-X-STREAM-INF lines. You need to change your encoding settings to add the resolution to those lines in the playlist.