/**
 * @file control-bar.js
 */
'../component.js'에서 컴포넌트 가져오기;
'글로벌/문서'에서 문서 가져오기;

// 필수 자식
import './play-toggle.js';
import './time-controls/current-time-display.js';
import './time-controls/duration-display.js';
import './time-controls/time-divider.js';
import './time-controls/remaining-time-display.js';
import './live-display.js';
import './seek-to-live.js';
import './progress-control/progress-control.js';
import './picture-in-picture-toggle.js';
import './fullscreen-toggle.js';
import './volume-panel.js';
import './text-track-controls/chapters-button.js';
import './text-track-controls/descriptions-button.js';
import './text-track-controls/subtitles-button.js';
import './text-track-controls/captions-button.js';
import './text-track-controls/subs-caps-button.js';
import './audio-track-controls/audio-track-button.js';
import './playback-rate-menu/playback-rate-menu-button.js';
import './spacer-controls/custom-control-spacer.js';

/**
 * 메인 컨트롤의 컨테이너.
 *
 * @extends 컴포넌트
 */
클래스 ControlBar 확장 구성 요소 {

  /**
   * `Component`의 DOM 요소 생성
   *
   * @return {요소}
   * 생성된 요소입니다.
   */
  createEl() {
    return super.createEl('div', {
      className: 'vjs-control-bar',
      디렉토리: 'ltr'
    });
  }
}

/**
 * `ControlBar`의 기본 옵션
 *
 * @type {객체}
 * @사적인
 */
ControlBar.prototype.options_ = {
  어린이들: [
    '플레이토글',
    '볼륨 패널',
    'currentTimeDisplay',
    '시간 분할기',
    '기간 표시',
    '진행 제어',
    '라이브디스플레이',
    '시크투라이브',
    '나머지 시간 표시',
    'customControlSpacer',
    'playbackRateMenuButton',
    '챕터버튼',
    '설명 버튼',
    'subsCaps버튼',
    '오디오트랙버튼',
    '전체 화면 전환'
  ]
};

if (문서의 'exitPictureInPicture') {
  ControlBar.prototype.options_.children.splice(
    ControlBar.prototype.options_.children.length - 1,
    0,
    'pictureInPictureToggle'
  );
}

Component.registerComponent('ControlBar', ControlBar);
기본 ControlBar 내보내기;