Html5 Video - 기술

문서의 이전 판을 선택했습니다! 저장하면 이 자료로 새 판을 만듭니다.

======Html5 Video======

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

<code html><video width="320" height="240" controls="controls">
  <source src="movie.mp4" type="video/mp4" />
  <source src="movie.ogg" type="video/ogg" />
  현재 사용중인 웹브라우저가 비디오 태그를 지원하지 않습니다.
</video></code>

이렇게하면 [[adobe flash player]]나 다른 플러긴 없이 동영상을 재생할 수 있을 것 같지만,

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

<file html>
 <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>
</file>

여러 최신 브라우져에서 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://html5video.org/ 등 참조

^  누구나 수정하실 수 있습니다. [[http://vaslor.net/syntax|위키 사용법]] 참고하세요.  ^

2+1? 이 필드는 비어 있도록 유지하세요:

편집 요약

참고: 이 문서를 편집하면 내용은 다음 라이선스에 따라 배포하는 데 동의하는 것으로 간주합니다: CC Attribution-Noncommercial-Share Alike 4.0 International

연결문서