오디오 태그 속성 / 비디오 태그 속성

오디오 태그 속성

속성 이름	설명
src	음악 파일의 경로 지정
preload	음악을 재생하기 전에 모두 불러올지 지정
autoplay	음악을 자동 재상할지 지정
loop	음악을 반복할지 지정
controls	음악 재생 도구를 출력할지 지정

 

아래 예제를 보면 쉽게 이해할 수 있다.

<audio src="노래 제목 경로/노래제목" controls="controls"></audio>

video 태그 속성

속성 이름	설명
src	비디오 파일의 경로 지정
preload	비디오를 재생하기 전에 모두 불러올지 지정
autoplay	비디오를 자동 재생할지 지정
loop	비디오를 반복할지 지정
controls	비디오 재생 도구를 출력할지 지정
width	비디오의 너비를 지정
height	비디오의 높이를 지정
poster	비디오 준비 중일 때의 이미지 파일 경로 지정

 

아래 예제를 보면 쉽게 이해할 수 있다.

<video poster="동영상 경로" width="640" controls="controls"> <source src="파일명.mp4" type="video/mp4"/></video>

<video poster="https://placeholdit.imgix.net/~text?txtsize=60&txt=640%C3%97360&w=640&h=360" width="640" controls="controls"> <source src="Wildlife.mp4" type="video/mp4"/></video>