[attribute] HTML - controls 속성 - (오디오/비디오) 플레이어의 제어창 표시 여부 (= controls속성 = 컨트롤즈속성)

1. controls 예제 - <audio> 경우
2. controls 정의
3. controls 구문
4. controls 예제 - <video> 경우

controls 예제 - <audio> 경우

 

<audio controls>

  <source src="https://ccrma.stanford.edu/~jos/mp3/harpsi-cs.mp3" type="audio/mpeg">

  당신 브라우저는 audio 태그 지원 X

</audio>

 

결과보기

controls 정의

 

(오디오/비디오) 플레이어의 제어창 표시 여부 지정하는 참거짓 속성.

 

---

 

1. controls 속성 사용 가능 태그 종류

<audio>, <video>

 

2.

• <audio> 태그 제어창 포함 요소: 재생/일시정지/탐색/볼륨
• <video> 태그 제어창 포함 요소: 재생/일시정지/탐색/볼륨/전체화면/자막표시(가능 시)/트랙정보(가능 시)

 

3.

IE9 이상 주요 최신 브라우저 모두 지원.

 

controls 구문

 

• <audio controls>
• <video controls>

 

---

[속성값]

 

없음.

 

controls 예제 - <video> 경우

 

<video width="300" height="600" controls>

  <source src="https://thumbs.gfycat.com/FoolhardyMiserlyAsiantrumpetfish-mobile.mp4" type="video/mp4">

  당신 브라우저는 video 태그 지원 X

</video>

 

결과보기