this.labelEl_ = videojsUntyped.dom.createEl('div', {
className: 'vjs-resolution-value',
- innerHTML: this.player_.peertube().getCurrentResolutionLabel()
+ innerHTML: this.buildLabelHTML()
})
el.appendChild(this.labelEl_)
}
createMenu () {
- const menu = new Menu(this.player())
-
+ const menu = new Menu(this.player_)
for (const videoFile of this.player_.peertube().videoFiles) {
menu.addChild(new ResolutionMenuItem(
this.player_,
)
}
+ menu.addChild(new ResolutionMenuItem(
+ this.player_,
+ {
+ id: -1,
+ label: 'Auto',
+ src: null
+ }
+ ))
+
return menu
}
updateLabel () {
if (!this.labelEl_) return
- this.labelEl_.innerHTML = this.player_.peertube().getCurrentResolutionLabel()
+ this.labelEl_.innerHTML = this.buildLabelHTML()
}
buildCSSClass () {
buildWrapperCSSClass () {
return 'vjs-resolution-control ' + super.buildWrapperCSSClass()
}
+
+ private buildLabelHTML () {
+ return this.player_.peertube().getCurrentResolutionLabel()
+ }
}
MenuButton.registerComponent('ResolutionMenuButton', ResolutionMenuButton)