HTML <Video>이용하여 동영상 삽입하기

안녕하세요. ITSKeleton 입니다.

 

HTML에 <video>를 사용하여 비디오를 삽입하는 방법에 대하여 간단하게 설명해 드리겠습니다.

 

HTML 5 이상에서 사용이 가능합니다.

<video
 src="video/Sample.mp4"
 width="1000"
 height="500"
 controls="controls"
 autoplay="autoplay"
 loop="loop">
</video>

와 같이 사용하시면 됩니다.

 

여기서 주의 하실점은 video에서 지원하는 포멧은 MP4, OGG, WEBM 입니다.

 

이외의 포멧은 지원하지 않으니 주의하셔서 사용하세요.

 

controls : 컨트롤러 사용

 

autoplay : 자동시작

 

loop : 반복실행

 

preload : 페이지가 열리면 비디오를 미리 로드해 둠

 

poster : 비디오가 로드 되기전에 보여줄 이미지

 

width : 넓이

 

height : 높이