video.js/src/js/control-bar/fullscreen-toggle.js

import Component from '../component';
import Button from '../button';

/**
 * Toggle fullscreen video
 * @param {vjs.Player|Object} player
 * @param {Object=} options
 * @class
 * @extends vjs.Button
 */
var FullscreenToggle = Button.extend({
  /**
   * @constructor
   * @memberof vjs.FullscreenToggle
   * @instance
   */
  init: function(player, options){
    Button.call(this, player, options);
  }
});

Component.registerComponent('FullscreenToggle', FullscreenToggle);

FullscreenToggle.prototype.buttonText = 'Fullscreen';

FullscreenToggle.prototype.buildCSSClass = function(){
  return 'vjs-fullscreen-control ' + Button.prototype.buildCSSClass.call(this);
};

FullscreenToggle.prototype.onClick = function(){
  if (!this.player_.isFullscreen()) {
    this.player_.requestFullscreen();
    this.controlText_.innerHTML = this.localize('Non-Fullscreen');
  } else {
    this.player_.exitFullscreen();
    this.controlText_.innerHTML = this.localize('Fullscreen');
  }
};

export default FullscreenToggle;