HTML video 태그

1 개요

HTML5 video tag

HTML5 video 태그

• 지원형식: MP4, WebM, Ogg 등

2 예시 1: webm

html

Copy

<video width="640" height="360" controls>
  <source src="https://upload.wikimedia.org/wikipedia/commons/transcoded/3/32/Wolf_Brand_Movie.webm/Wolf_Brand_Movie.webm.720p.vp9.webm" type='video/webm' />
  브라우저가 video 태그를 지원하지 않음
</video>

3 예시 2: mp4

html

Copy

<video width="640" height="360" controls>
  <source src="https://ia800209.us.archive.org/24/items/WildlifeSampleVideo/Wildlife.mp4" type="video/mp4" />
  브라우저가 video 태그를 지원하지 않음
</video>

4 같이 보기

• HTML5 비디오 poster 속성
• HTML5 비디오 자막넣기 track 태그
• HTML5 비디오 video.js 예제
• HTML5 비디오 video.js 자막넣기 track 태그
• HTML5 비디오 외부 재생버튼 예제
• HTML5 audio 태그
• WebM
• 비디오
• HTML5 새 태그

5 참고

• https://en.wikipedia.org/wiki/HTML5_video
• http://www.w3schools.com/tags/tag_video.asp