HTML5 - 멀티미디어

멀티미디어(웹과 멀티미디어 / 오디오, 비디오 재생하기)

<video src="비디오 파일 경로" [속성] [속성="속성 값]></video>
<audio src="비디오 파일 경로" [속성] [속성="속성 값]></video>

알아두면 좋은  속성값과 정보

비디오 태그 속성

속성	값(예)	설명
autoplay	autoplay	동영상이 바로 재생
buffered	buffered	동영상이 버퍼링 시간을 읽을 수 있는 속성
controls	controls	비디오 컨트롤이 표시되도록 설정
loop	loop	비디오 재생이 끝나면 다시 시작하도록 설정
muted	muted	비디오의 오디오 출력을 음소거로 설정합니다
poster	poster="URL"	비디오를 다운하는 동안 또는 시작버튼을 누르기 전까지 이미지를 설정
preload	preload= "auto" preload="metadata" preload="none"	페이지가 로드되고 비디오 로드 여부를 서정
src	src="URL"	비디오 파일의 경로를 설정

비디오 파일 포맷

포멧	설명
MP4	H.264 코덱을 사요하며 압축률이 좋고 화질도 좋은 포맷입니다.
avi	마이크로소프트의 비디오 포맷이며, 많이 사용하고 있지만 오디오 코덱을 지원하고 있지 않습니다.
ogg	오그 비디오인 테오라(Theora)와 오그 오디오인 보비스(Vorbis)에서 만든 공개 포맷입니다.
webM	구글이 개발한 공개 포맷입니다.