[HTML] 미디어 태그

▶ 오디오 태그

<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 웹 프로그래밍