1 import videojs from 'video.js'
2 import { buildVideoLink, decorateVideoLink } from '@shared/core-utils'
3 import { PeerTubeLinkButtonOptions } from '../../types'
5 const Button = videojs.getComponent('Button')
6 class PeerTubeLinkButton extends Button {
8 constructor (player: videojs.Player, options?: PeerTubeLinkButtonOptions) {
9 super(player, options as any)
13 return this.buildElement()
17 this.el().setAttribute('href', this.buildLink())
24 private buildElement () {
25 const el = videojs.dom.createEl('a', {
26 href: this.buildLink(),
27 innerHTML: 'PeerTube',
28 title: this.player().localize('Video page (new window)'),
29 className: 'vjs-peertube-link',
33 el.addEventListener('mouseenter', () => this.updateHref())
35 return el as HTMLButtonElement
38 private buildLink () {
39 const url = buildVideoLink({ shortUUID: (this.options_ as PeerTubeLinkButtonOptions).shortUUID })
41 return decorateVideoLink({ url, startTime: this.player().currentTime() })
45 videojs.registerComponent('PeerTubeLinkButton', PeerTubeLinkButton)