summaryrefslogtreecommitdiff
path: root/javascript/videojs/src/js/control-bar/fullscreen-toggle.js
diff options
context:
space:
mode:
Diffstat (limited to 'javascript/videojs/src/js/control-bar/fullscreen-toggle.js')
-rw-r--r--javascript/videojs/src/js/control-bar/fullscreen-toggle.js95
1 files changed, 0 insertions, 95 deletions
diff --git a/javascript/videojs/src/js/control-bar/fullscreen-toggle.js b/javascript/videojs/src/js/control-bar/fullscreen-toggle.js
deleted file mode 100644
index 2c6271b..0000000
--- a/javascript/videojs/src/js/control-bar/fullscreen-toggle.js
+++ /dev/null
@@ -1,95 +0,0 @@
-/**
- * @file fullscreen-toggle.js
- */
-import Button from '../button.js';
-import Component from '../component.js';
-import document from 'global/document';
-
-/** @import Player from './player' */
-
-/**
- * Toggle fullscreen video
- *
- * @extends Button
- */
-class FullscreenToggle extends Button {
-
- /**
- * Creates an instance of this class.
- *
- * @param {Player} player
- * The `Player` that this class should be attached to.
- *
- * @param {Object} [options]
- * The key/value store of player options.
- */
- constructor(player, options) {
- super(player, options);
- this.setIcon('fullscreen-enter');
- this.on(player, 'fullscreenchange', (e) => this.handleFullscreenChange(e));
-
- if (document[player.fsApi_.fullscreenEnabled] === false) {
- this.disable();
- }
- }
-
- /**
- * Builds the default DOM `className`.
- *
- * @return {string}
- * The DOM `className` for this object.
- */
- buildCSSClass() {
- return `vjs-fullscreen-control ${super.buildCSSClass()}`;
- }
-
- /**
- * Handles fullscreenchange on the player and change control text accordingly.
- *
- * @param {Event} [event]
- * The {@link Player#fullscreenchange} event that caused this function to be
- * called.
- *
- * @listens Player#fullscreenchange
- */
- handleFullscreenChange(event) {
- if (this.player_.isFullscreen()) {
- this.controlText('Exit Fullscreen');
- this.setIcon('fullscreen-exit');
- } else {
- this.controlText('Fullscreen');
- this.setIcon('fullscreen-enter');
- }
- }
-
- /**
- * This gets called when an `FullscreenToggle` is "clicked". See
- * {@link ClickableComponent} for more detailed information on what a click can be.
- *
- * @param {Event} [event]
- * The `keydown`, `tap`, or `click` event that caused this function to be
- * called.
- *
- * @listens tap
- * @listens click
- */
- handleClick(event) {
- if (!this.player_.isFullscreen()) {
- this.player_.requestFullscreen();
- } else {
- this.player_.exitFullscreen();
- }
- }
-
-}
-
-/**
- * The text that should display over the `FullscreenToggle`s controls. Added for localization.
- *
- * @type {string}
- * @protected
- */
-FullscreenToggle.prototype.controlText_ = 'Fullscreen';
-
-Component.registerComponent('FullscreenToggle', FullscreenToggle);
-export default FullscreenToggle;