..

Search

controls

controls

<video> 태그의 controls 속성


HTML <video> 태그 ⇒


정의 및 특징

<video> 태그의 controls 속성은 플레이 버튼이나 정지 버튼과 같이 비디오의 실행을 제어할 수 있는 제어기가 표시됨을 명시합니다.

 

controls 속성은 불리언(boolean) 속성입니다.

불리언 속성은 해당 속성을 명시하지 않으면 속성값이 자동으로 false 값을 가지게 되며, 명시하면 자동으로 true 값을 가지게 됩니다.

 

표시된 제어기에서는 다음과 같은 기능을 수행할 수 있습니다.

- 재생

- 일시 정지

- 탐색

- 음량 조절

- 전체화면 전환

- 자막(선택가능한 경우에만)

- 트랙(선택가능한 경우에만)


문법

<video controls>

예제
<video height="180" width="288" controls>
    <source src="/examples/media/sample_video_ogg.ogg" type="video/ogg">
    <source src="/examples/media/sample_video_mp4.mp4" type="video/mp4">
    이 문장은 여러분의 브라우저가 video 태그를 지원하지 않을 때 화면에 표시됩니다!
</video>

코딩연습 ▶


지원하는 브라우저 및 버전

속성명

chrome

edge

ie

firefox

safari

opera

controls 3.0 지원함 9.0 3.5 3.1 10.5

HTML5에서 변경된 사항

<video> 태그는 HTML5에서 새롭게 추가된 요소입니다.


HTML과 XHTML에서의 차이점

XHTML에서는 속성값을 생략할 수 없으므로, 다음과 같이 속성명과 속성값을 모두 명시해야만 합니다.

<video controls="controls">

연습문제