본문 바로가기

MarkUp

<Video> 태그

사용 예

<video width="320" height="240" controls>
  <source src="movie.mp4" type="video/mp4">
  <source src="movie.ogg" type="video/ogg">
  Your browser does not support the video tag.
</video>

정의와 사용

<video> 태그는 무비 클립이나 다른 비디오 스트림과 같은 비디오를 지정 합니다. 현재 <video> 요소에는 MP4, WebM 및 Ogg와 같이 3가지 지원되는 비디오 형식이 있습니다.

 

<video> 태그는 HTML5의 새로운 태그입니다.

 

Optional Attributes

Attributes Value Description

autoplay

autoplay 동영상이 준비되는 즉시 재생을 시작하도록 지정

controls

controls 비디오 컨트롤이 표시되도록 지정 (예: 재생/ 일시 중시 단추 등)
height pixels 비디오 플레이어의 높이를 설정
loop loop 비디오가 끝날 때 마다 다시 시작하도록 지정
muted muted 비디오의 오디오 출력을 음소거하도록 지정
poster URL 비디오를 다운로드 하는 동안 또는 사용자가 재생 버튼을 누를 때까지 표시 할 이미지를 지정
preload auto metadata none 개발자가 페이지 로드시, 비디오를 로드해야 한다고 생각하는지 여부 및 그 방법을 지정
src URL 비디오 파일의 URL을 지정
width pixels 동영상 플레이어의 너비를 지정