반응형
멀티미디어(웹과 멀티미디어 / 오디오, 비디오 재생하기)
<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 | 구글이 개발한 공개 포맷입니다. |
'HTML5' 카테고리의 다른 글
이미지 CSS로 다루기(background), PICTURE (0) | 2023.12.18 |
---|---|
HTML5 - 표 만들기(<table> 태그>) (0) | 2023.09.19 |
HTML5 - 피규어 태그 (0) | 2023.09.19 |
HTML5 - 목록 만들기(<ol>태그, <ul>태그) (0) | 2023.09.19 |
HTML5 - 이미지, 링크 다루기(<img>태그, <a>태그) (0) | 2023.09.19 |