Video controls 속성

HTML DOM Video 대상

정의와 사용법

controls 속성 설정 또는 반환하여 비디오가 표준 비디오 컨트롤을 표시할지 여부를 결정합니다.

이 속성은 다음을 나타냅니다 <video> controls 속성.

이 속성이 설정되면, 비디오 컨트롤이 표시되어야 한다는 것을 지정합니다.

비디오 컨트롤이 포함되어야 할 항목:

  • 재생
  • 일시정지
  • 검색
  • 음량
  • 전체 화면 전환
  • 자막(사용 가능 시)
  • 트랙(사용 가능 시)

인스턴스

예제 1

비디오 컨트롤 활성화:

document.getElementById("myVideo").controls = true;

직접 시도해보세요

예제 2

비디오 컨트롤이 표시되는지 확인:

var x = document.getElementById("myVideo").controls;

직접 시도해보세요

예제 3

컨트롤 상태를 활성화, 비활성화 및 확인:

var x = document.getElementById("myVideo");
function enableControls() { 
  x.controls = true;
  x.load();
} 
function disableControls() { 
  x.controls = false;
  x.load();
} 
function checkControls() { 
  alert(x.controls);
}

직접 시도해보세요

문법

controls 속성 반환:

videoObject.controls

controls 속성 설정:

videoObject.controls = true|false

속성값

값 설명
true|false

비디오가 컨트롤러를 표시해야 하는지 정의합니다.

  • true - 컨트롤러를 표시
  • false - 기본. 컨트롤러를 표시하지 않음

기술 세부 사항

반환 값: 불리한 값, 비디오 컨트롤러를 표시하면 true를 반환하며, 그렇지 않으면 false를 반환합니다.
기본 값: false

브라우저 지원

크롬 에지 파이어폭스 사파리 오페라
크롬 에지 파이어폭스 사파리 오페라
지원 9.0 지원 지원 지원

관련 페이지

HTML 참조 설명서:HTML <video> controls 속성

HTML DOM Video 대상