Html5 Video

웹에서 img태그를 사용하여 이미지를 보여주듯이 동영상도 비디오 태그만 잘 알고 있다면 별도의 플러그인 없이도 웹 표준 기술인 HTML만으로 동영상 서비스가 가능해진다. HTML5 관련 기술을 접목한 많은 서비스가 등장하고 있으며 다양한 개발시도가 이뤄지고 있다.

형식설명MIME-type
MP4 MPEG 4 files with H264 video codec and AAC audio codecvideo/mp4
WebM WebM files with VP8 video codec and Vorbis audio codecvideo/webm
Ogg Ogg files with Theora video codec and Vorbis audio codecvideo/ogg
<video width="320" height="240" controls="controls">
  <source src="movie.mp4" type="video/mp4" />
  <source src="movie.ogg" type="video/ogg" />
  현재 사용중인 웹브라우저가 비디오 태그를 지원하지 않습니다.
</video>

이렇게하면 Adobe Flash Player나 다른 플러긴 없이 동영상을 재생할 수 있을 것 같지만,

브라우져 마다 재생할 수 있는 형식이 다르다. 모든 브라우져에서 다 재생되게 하려면, 아래와 같은 닭짓을 해야할 수도 있다.

 <video controls poster="demo.jpg">
   <source src="demo.mp4" type="video/mp4" />
   <source src="demo.webm" type="video/webm"/>
   <source src="demo.ogv" type="video/ogg"/>             
   <p>Fallback code if video isn't supported</p>/
 </video>

여러 최신 브라우져에서 MP4 가 가장 많이 지원된다. 오페라는 MP4를 지원하지 않고, ogv와 webm 만 지원한다.

BrowserMP4WebMOgg
Internet ExplorerYESNONO
ChromeYESYESYES
FirefoxYESYESYES
SafariYESNONO
OperaNOYESYES

자바스크립트를 이용한 플레이어를 사용해서 브라우져와 기기간 호환성을 해결하려는 많은 노력이 있다.

http://html5video.org/ 등 참조

누구나 수정하실 수 있습니다. 위키 사용법 참고하세요.

역링크