X-Git-Url: https://git.immae.eu/?a=blobdiff_plain;f=client%2Fsrc%2Fassets%2Fplayer%2Fresolution-menu-button.ts;h=2efc8de69603a9796e2dfd57cf983831bc91415e;hb=d1bd87e066633b8a66266b280327ec828980916b;hp=c927b084dde8f19485e35f32faea4b6df88b14bb;hpb=c6352f2c64f3c1ad54f8500f493587cdce3d33c9;p=github%2FChocobozzz%2FPeerTube.git diff --git a/client/src/assets/player/resolution-menu-button.ts b/client/src/assets/player/resolution-menu-button.ts index c927b084d..2efc8de69 100644 --- a/client/src/assets/player/resolution-menu-button.ts +++ b/client/src/assets/player/resolution-menu-button.ts @@ -22,7 +22,7 @@ class ResolutionMenuButton extends MenuButton { this.labelEl_ = videojsUntyped.dom.createEl('div', { className: 'vjs-resolution-value', - innerHTML: this.player_.peertube().getCurrentResolutionLabel() + innerHTML: this.buildLabelHTML() }) el.appendChild(this.labelEl_) @@ -35,8 +35,7 @@ class ResolutionMenuButton extends MenuButton { } 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_, @@ -48,13 +47,22 @@ class ResolutionMenuButton extends MenuButton { ) } + 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 () { @@ -64,5 +72,9 @@ class ResolutionMenuButton extends MenuButton { buildWrapperCSSClass () { return 'vjs-resolution-control ' + super.buildWrapperCSSClass() } + + private buildLabelHTML () { + return this.player_.peertube().getCurrentResolutionLabel() + } } MenuButton.registerComponent('ResolutionMenuButton', ResolutionMenuButton)