차이
문서의 선택한 두 판 사이의 차이를 보여줍니다.
| 양쪽 이전 판이전 판다음 판 | 이전 판 | ||
| tech:html5_video [2014/03/18 17:37] – 바깥 편집 127.0.0.1 | tech:html5_video [2016/07/12 00:56] (현재) – 바깥 편집 127.0.0.1 | ||
|---|---|---|---|
| 줄 1: | 줄 1: | ||
| + | {{tag> | ||
| ======Html5 Video====== | ======Html5 Video====== | ||
| 웹에서 img태그를 사용하여 이미지를 보여주듯이 동영상도 비디오 태그만 잘 알고 있다면 별도의 플러그인 없이도 웹 표준 기술인 HTML만으로 동영상 서비스가 가능해진다. | 웹에서 img태그를 사용하여 이미지를 보여주듯이 동영상도 비디오 태그만 잘 알고 있다면 별도의 플러그인 없이도 웹 표준 기술인 HTML만으로 동영상 서비스가 가능해진다. | ||
| - | HTML5는 2014년 최종 권고화 예정인 기술로 아직 표준화 작업이 진행 중이지만, | + | HTML5 관련 기술을 접목한 많은 서비스가 등장하고 있으며 다양한 개발시도가 이뤄지고 있다. |
| + | |||
| + | |||
| + | ^형식^설명^MIME-type^ | ||
| + | |MP4 | MPEG 4 files with H264 video codec and AAC audio codec|video/ | ||
| + | |WebM | WebM files with VP8 video codec and Vorbis audio codec|video/ | ||
| + | |Ogg | Ogg files with Theora video codec and Vorbis audio codec|video/ | ||
| <code html>< | <code html>< | ||
| 줄 10: | 줄 17: | ||
| </ | </ | ||
| + | 이렇게하면 [[adobe flash player]]나 다른 플러긴 없이 동영상을 재생할 수 있을 것 같지만, | ||
| - | ^ 누구나 수정하실 | + | 브라우져 마다 재생할 |
| + | 모든 브라우져에서 다 재생되게 | ||
| - | {{tag>html5 video}} | + | <file html> |
| + | <video controls poster=" | ||
| + | < | ||
| + | < | ||
| + | < | ||
| + | < | ||
| + | </ | ||
| + | </ | ||
| + | |||
| + | 여러 최신 브라우져에서 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| | ||
| + | |||
| + | 자바스크립트를 이용한 플레이어를 사용해서 브라우져와 기기간 호환성을 해결하려는 많은 노력이 있다. | ||
| + | |||
| + | |||
| + | http:// | ||
| + | |||
| + | |||
| + | ^ 누구나 수정하실 수 있습니다. [[http:// | ||