본문으로 건너뛰기

ControlBarOptions

Since version 4.0.0

ControlBar용 옵션들

interface ControlBarOptions

Properties

비디오 재생시 자동으로 컨트롤바를 숨깁니다.
true일 경우 기본값을 적용하고, false일 경우 비활성화합니다.

디폴트 클래스 이름들을 오버라이드합니다.

캔버스 클릭시에 비디오를 재생 / 일시정지 토글합니다.

커스텀 컨트롤바 아이템들을 추가합니다.

풀스크린 진입 / 해제 버튼을 표시합니다.
true일 경우 기본값을 적용하고, false일 경우 비활성화합니다.

자이로스코프 컨트롤을 활성화 / 비활성화하는 버튼을 표시합니다.
true일 경우 기본값을 적용하고, false일 경우 비활성화합니다.

비디오 키보드 컨트롤을 활성화합니다.
위 / 아래 화살표키를 누를 시 비디오 볼륨을, 왼쪽 / 오른쪽 화살표키를 누를 시 비디오 시간을 조정합니다.

현재 카메라가 가리키는 방향을 표시하는 파이 뷰를 표시합니다.
true일 경우 기본값을 적용하고, false일 경우 비활성화합니다.

비디오 재생 / 일시정지 버튼을 표시합니다.
true일 경우 기본값을 적용하고, false일 경우 비활성화합니다.

비디오 프로그레스 바를 표시합니다.
true일 경우 기본값을 적용하고, false일 경우 비활성화합니다.

배경 엘리먼트를 표시합니다.

비디오의 현재 시간 / 총 시간을 표시합니다.
true일 경우 기본값을 적용하고, false일 경우 비활성화합니다.

비디오 볼륨 조절 버튼을 표시합니다.
true일 경우 기본값을 적용하고, false일 경우 비활성화합니다.

VR 진입버튼을 표시합니다.
true일 경우 기본값을 적용하고, false일 경우 비활성화합니다.

Properties

autoHide

>=4.0.0
autoHide

boolean | Partial<AutoHideOptions>

비디오 재생시 자동으로 컨트롤바를 숨깁니다.
true일 경우 기본값을 적용하고, false일 경우 비활성화합니다.

className

>=4.0.0
className

Partial<{ CONTROLS_BG: string; CONTROLS_BOTTOM: string; CONTROLS_BUTTON: string; CONTROLS_FLOAT_LEFT: string; CONTROLS_FLOAT_RIGHT: string; CONTROLS_LEFT: string; CONTROLS_MAIN: string; CONTROLS_MID: string; CONTROLS_RIGHT: string; CONTROLS_ROOT: string; CONTROLS_TOP: string; FIXED: string; FULLSCREEN_BUTTON: string; FULLSCREEN_EXIT_BUTTON: string; GYRO_DISABLED: string; GYRO_ENABLED: string; HIDDEN: string; MUTED_BUTTON: string; PAUSE_BUTTON: string; PIEVIEW_ROOT: string; PLAY_BUTTON: string; PROGRESS_ROOT: string; RANGE_FILLER: string; RANGE_ROOT: string; RANGE_THUMB: string; RANGE_TRACK: string; UNAVAILABLE: string; UNMUTED_BUTTON: string; VIDEO_TIME_DISPLAY: string; VOLUME_ROOT: string; VR_BUTTON: string }>

디폴트 클래스 이름들을 오버라이드합니다.

clickToPlay

>=4.0.0
clickToPlay

boolean

캔버스 클릭시에 비디오를 재생 / 일시정지 토글합니다.

customItems

>=4.0.0
customItems

ControlBarItem[]

커스텀 컨트롤바 아이템들을 추가합니다.

fullscreenButton

>=4.0.0
fullscreenButton

boolean | Partial<ControlBarItemOptions>

풀스크린 진입 / 해제 버튼을 표시합니다.
true일 경우 기본값을 적용하고, false일 경우 비활성화합니다.

gyroButton

>=4.0.0
gyroButton

boolean | Partial<ControlBarItemOptions>

자이로스코프 컨트롤을 활성화 / 비활성화하는 버튼을 표시합니다.
true일 경우 기본값을 적용하고, false일 경우 비활성화합니다.

keyboardControls

>=4.0.0
keyboardControls

boolean

비디오 키보드 컨트롤을 활성화합니다.
위 / 아래 화살표키를 누를 시 비디오 볼륨을, 왼쪽 / 오른쪽 화살표키를 누를 시 비디오 시간을 조정합니다.

pieView

>=4.0.0
pieView

boolean | Partial<PieViewOptions>

현재 카메라가 가리키는 방향을 표시하는 파이 뷰를 표시합니다.
true일 경우 기본값을 적용하고, false일 경우 비활성화합니다.

playButton

>=4.0.0
playButton

boolean | Partial<ControlBarItemOptions>

비디오 재생 / 일시정지 버튼을 표시합니다.
true일 경우 기본값을 적용하고, false일 경우 비활성화합니다.

progressBar

>=4.0.0
progressBar

boolean | Partial<ControlBarItemOptions>

비디오 프로그레스 바를 표시합니다.
true일 경우 기본값을 적용하고, false일 경우 비활성화합니다.

showBackground

>=4.0.0
showBackground

boolean

배경 엘리먼트를 표시합니다.

videoTime

>=4.0.0
videoTime

boolean | Partial<ControlBarItemOptions>

비디오의 현재 시간 / 총 시간을 표시합니다.
true일 경우 기본값을 적용하고, false일 경우 비활성화합니다.

volumeButton

>=4.0.0
volumeButton

boolean | Partial<ControlBarItemOptions>

비디오 볼륨 조절 버튼을 표시합니다.
true일 경우 기본값을 적용하고, false일 경우 비활성화합니다.

vrButton

>=4.0.0
vrButton

boolean | Partial<ControlBarItemOptions>

VR 진입버튼을 표시합니다.
true일 경우 기본값을 적용하고, false일 경우 비활성화합니다.