mirror of https://github.com/Chocobozzz/PeerTube
39 lines
929 B
TypeScript
39 lines
929 B
TypeScript
import { buildVideoLink } from '../utils'
|
|
import videojs from 'video.js'
|
|
|
|
const Button = videojs.getComponent('Button')
|
|
class PeerTubeLinkButton extends Button {
|
|
|
|
constructor (player: videojs.Player, options?: videojs.ComponentOptions) {
|
|
super(player, options)
|
|
}
|
|
|
|
createEl () {
|
|
return this.buildElement()
|
|
}
|
|
|
|
updateHref () {
|
|
this.el().setAttribute('href', buildVideoLink({ startTime: this.player().currentTime() }))
|
|
}
|
|
|
|
handleClick () {
|
|
this.player().pause()
|
|
}
|
|
|
|
private buildElement () {
|
|
const el = videojs.dom.createEl('a', {
|
|
href: buildVideoLink(),
|
|
innerHTML: 'PeerTube',
|
|
title: this.player().localize('Video page (new window)'),
|
|
className: 'vjs-peertube-link',
|
|
target: '_blank'
|
|
})
|
|
|
|
el.addEventListener('mouseenter', () => this.updateHref())
|
|
|
|
return el as HTMLButtonElement
|
|
}
|
|
}
|
|
|
|
videojs.registerComponent('PeerTubeLinkButton', PeerTubeLinkButton)
|