34 lines
932 B
JavaScript
34 lines
932 B
JavaScript
|
// @flow
|
||
|
|
import type { Player } from './videojs';
|
||
|
|
import videojs from 'video.js';
|
||
|
|
|
||
|
|
class AutoplayNextButton extends videojs.getComponent('Button') {
|
||
|
|
constructor(player, options = {}, autoplayNext) {
|
||
|
|
super(player, options, autoplayNext);
|
||
|
|
const title = autoplayNext ? 'Autoplay Next On' : 'Autoplay Next Off';
|
||
|
|
|
||
|
|
this.controlText(title);
|
||
|
|
this.setAttribute('aria-label', title);
|
||
|
|
this.addClass('vjs-button--autoplay-next');
|
||
|
|
this.setAttribute('aria-checked', autoplayNext);
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
export function addAutoplayNextButton(player: Player, toggleAutoplayNext: () => void, autoplayNext: boolean) {
|
||
|
|
const controlBar = player.getChild('controlBar');
|
||
|
|
|
||
|
|
const autoplayButton = new AutoplayNextButton(
|
||
|
|
player,
|
||
|
|
{
|
||
|
|
name: 'AutoplayNextButton',
|
||
|
|
text: 'Autoplay Next',
|
||
|
|
clickHandler: () => {
|
||
|
|
toggleAutoplayNext();
|
||
|
|
},
|
||
|
|
},
|
||
|
|
autoplayNext
|
||
|
|
);
|
||
|
|
|
||
|
|
controlBar.addChild(autoplayButton);
|
||
|
|
}
|