Html5 Video
웹에서 img태그를 사용하여 이미지를 보여주듯이 동영상도 비디오 태그만 잘 알고 있다면 별도의 플러그인 없이도 웹 표준 기술인 HTML만으로 동영상 서비스가 가능해진다. HTML5 관련 기술을 접목한 많은 서비스가 등장하고 있으며 다양한 개발시도가 이뤄지고 있다.
형식 | 설명 | MIME-type |
---|---|---|
MP4 | MPEG 4 files with H264 video codec and AAC audio codec | video/mp4 |
WebM | WebM files with VP8 video codec and Vorbis audio codec | video/webm |
Ogg | Ogg files with Theora video codec and Vorbis audio codec | video/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 만 지원한다.
Browser | MP4 | WebM | Ogg |
---|---|---|---|
Internet Explorer | YES | NO | NO |
Chrome | YES | YES | YES |
Firefox | YES | YES | YES |
Safari | YES | NO | NO |
Opera | NO | YES | YES |
자바스크립트를 이용한 플레이어를 사용해서 브라우져와 기기간 호환성을 해결하려는 많은 노력이 있다.
누구나 수정하실 수 있습니다. 위키 사용법 참고하세요. |
---|