▶ 오디오 태그
<audio src="오디오 파일 URL" 속성이름> 대체 텍스트 </audio>
[속성이름] |
설명 |
src |
오디오 파일의 URL |
controls |
이 속성이 설정되면 재생, 재생 시간, 중단, 음소거 등 제어 버튼 출력 |
autoplay |
이 속성이 설정되면 오디오를 자동 실행 |
loop |
이 속성이 설정되면 반복 재생 |
muted |
오디오를 소리를 제거 (음소거) |
대체 텍스트
|
오디오가 없거나 손상되어 출력 할 수 없는 경우 출력되는 문자열 |
type |
<source> 태그를 사용할 때 쓰는 속성이름으로 속성값은 표1의 마임 타입으로 지정 |

▶ 비디오 태그
<video src="비디오 파일의 URL" width="비디오 재생 영역 폭" height="비디오 재생 영역 높이" 속성이름 > 대체 텍스트 </video>
[속성이름] |
설명 |
src |
비디오 파일의 URL |
controls |
이 속성이 설정되면 재생, 재생 시간, 중단, 음소거 등 제어 버튼 출력 |
autoplay |
이 속성이 설정되면 비디오를 자동 실행 |
loop |
이 속성이 설정되면 반복 재생 |
muted |
비디오를 소리를 제거 (음소거) |
width, height |
비디오가 재생될 브라우저 공간의 폭과 높이 지정
|
poster = "파일 이름" |
비디오가 재생되기 전까지 화면에 표시될 포스터 이미지를 지정 |
대체 텍스트 |
비디오가 없거나 손상되어 출력 할 수 없는 경우 출력되는 문자열 |
type |
<source> 태그를 사용할 때 쓰는 속성이름으로 속성값은 표1의 마임 타입으로 지정 |

표1)

참고문헌: DO it! HTML5 + CSS + 자바스크립트 웹 표준의 정석, 명품 HTML5 + CSS3 + Javascript 웹 프로그래밍
'[HTML]' 카테고리의 다른 글
[HTML] 폼 요소의 종류(input 태그) (0) | 2022.10.04 |
---|---|
[HTML] 폼 태그 (0) | 2022.10.04 |
[HTML] 표(table) (0) | 2022.09.27 |
[HTML] 이미지 태그 (0) | 2022.09.24 |
[HTML] 목록 태그 (0) | 2022.09.21 |
댓글