본문으로 건너뛰기

autoHide

Typeboolean | AutoHideOptions
Defaulttrue
Added inv4.0.0

비디오 재생시 자동으로 컨트롤바를 숨깁니다.
true일 경우 기본값을 적용하고, false일 경우 비활성화합니다.
설정 가능한 옵션은 AutoHideOptions를 확인해주세요.

옵션​

initialDelay: number = 3000​

컨트롤바가 처음으로 표시되고 사라지기까지 걸리는 시간 (ms)

delay: number = 0​

마우스가 컨트롤바 영역을 떠난 뒤 컨트롤바가 사라지기까지 걸리는 시간 (ms)

idleDelay: number = 3000​

모바일이나 풀스크린 환경 등에서 사용자 입력이 없을 때 컨트롤바가 사라지기까지 걸리는 시간 (ms)

예시​

아래는 기본값을 적용하는 예시입니다.
이와 같이 기본값을 적용하는 경우 ControlBar 옵션에서 autoHide 항목을 생략해도 무방합니다.

import { ControlBar } from "@egjs/view360";

new ControlBar({
  autoHide: {
    initialDelay: 3000,
    delay: 500,
    idleDelay: 3000
  }
})

아래는 autoHide 동작을 끄는 예시입니다.

import { ControlBar } from "@egjs/view360";

new ControlBar({
  autoHide: false
})