64cbd4ae8d
* Dont show countdown on Lists * Add Repeat icon * Add Shuffle icon * Add Replay Icon * Add Replay Option to autoplayCountdown * Add Loop Control for Lists * Add Shuffle control for Lists * Improve View List Link and Fetch action * Add Play Button to List page * Add Shuffle Play Option on List Page and Menus * Fix Modal Remove Collection I18n * CSS: Fix Large list titles * Fix List playback on Floating Player * Add Theater Mode to its own class and fix bar text display * Add Play Next VJS component * Add Play Next Button * Add Play Previous VJS Component * Add Play Previous Button * Add Autoplay Next Button * Add separate control for autoplay next in list * Bump redux * Update CHANGELOG.md
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);
|
|
}
|