/**
 * @Datei custom-control-spacer.js
 * /
importieren Sie Spacer aus './spacer.js';
importiere Komponente aus '../../component.js';

/**
 * Spacer, der speziell als Einfügepunkt für neue Plugins usw. verwendet werden soll.
 *
 * @erweitert Abstandshalter
 * /
class CustomControlSpacer extends Spacer {

  /**
   * Erzeugt den Standard-DOM "Klassenname".
   *
   * @return {string}
   *         Der DOM `className` für dieses Objekt.
   * /
  buildCSSClass() {
    return `vjs-custom-control-spacer ${super.buildCSSClass()}`;
  }

  /**
   * Das DOM-Element der Komponente erstellen
   *
   * @return {Element}
   *         Das Element, das erstellt wurde.
   * /
  createEl() {
    return super.createEl('div', {
      className: this.buildCSSClass(),
      // Der Modus "Nicht flexibel/tabellenförmig" erfordert einen gewissen Inhalt
      // in der Zelle, um den verbleibenden Platz in der Tabelle zu füllen.
      textInhalt: '\u00a0'
    });
  }
}

Component.registerComponent('CustomControlSpacer', CustomControlSpacer);
exportieren Sie den standardmäßigen CustomControlSpacer;