Fix button link on mobile

1 files changed, 3 insertions, 6 deletions

diff --git a/client/src/assets/player/shared/control-bar/peertube-link-button.ts b/client/src/assets/player/shared/control-bar/peertube-link-button.ts
index a9b432b8c..45d7ac42f 100644
--- a/client/src/assets/player/shared/control-bar/peertube-link-button.ts
+++ b/client/src/assets/player/shared/control-bar/peertube-link-button.ts
@@ -2,8 +2,8 @@ import videojs from 'video.js'
 import { buildVideoLink, decorateVideoLink } from '@shared/core-utils'
 import { PeerTubeLinkButtonOptions } from '../../types'
 
-const Button = videojs.getComponent('Button')
-class PeerTubeLinkButton extends Button {
+const Component = videojs.getComponent('Component')
+class PeerTubeLinkButton extends Component {
 
   constructor (player: videojs.Player, options?: PeerTubeLinkButtonOptions) {
     super(player, options as any)
@@ -17,10 +17,6 @@ class PeerTubeLinkButton extends Button {
     this.el().setAttribute('href', this.buildLink())
   }
 
-  handleClick () {
-    this.player().pause()
-  }
-
   private buildElement () {
     const el = videojs.dom.createEl('a', {
       href: this.buildLink(),
@@ -31,6 +27,7 @@ class PeerTubeLinkButton extends Button {
     })
 
     el.addEventListener('mouseenter', () => this.updateHref())
+    el.addEventListener('click', () => this.player().pause())
 
     return el as HTMLButtonElement
   }