Html5 Video Tag

Web/Web Browser 2014.01.16 10:22

Internet Explorer 9 상위 버전부터 지원하는 Html5는 플러그인 필요없이 Video를 재생할 수 있다.

기존엔 <object> Tag를 이용해서 비디오나 오디오 플래시를 보여줬지만.

 html5가 나오면서 video태그를 사용할 수 있게 됐는데.

브라우저별로 비디오포맷을 지원해주는게 다 다르다



MP4 = MPEG4 파일은 H264 비디오 코덱과 AAC 오디오 코덱

WebM = WebM 파일은 VP8 비디오 코덱 및 보비스 오디오 코덱

- Ogg = Ogg파일은  Theora를 비디오 코덱 및 보비스 오디오 코덱


* wmv 윈도우 미디어 비디오(Windows Media Video)는 말그대로 MS에서 만들어져 ie에서 뿐이 지원을 안합니다.

  또한 윈도우8에서의 ie11버전은 데스크탑에서 wmv가 지원되지만 metro ui에서는 지원을 안합니다. 

  데스크탑에서 앞으로 wmv를 지원안할수도 있다는 말이 들리니..ie만 생각하고 잡으시더라도 wmv만 믿고 

  작업하시기에는 다소 위험하지 않나 생각 됩니다.


프로젝트를 들어가면서 꼭 생각해야 할 부분은 이건 어디까지 지원할 것인지 입니다.

ie만 지원할껀지 ie만 지원하면 어느 버전부터 어느 버전까지 할것인지.

아니면 Cross Browser(웹호환성)을 위해서 ie와 크롬, 사파리, 파이어폭스.. 무슨 브라우저를 지원할 것인지를 

정해야 UI를 잡는데 중요한 기둥이 될꺼라고 생각됩니다.



# Html5 video tag 예제

< video width="320" height="240" controls>

<source src="movie.mp4" type="video/mp4">
<source src="movie.ogg" type="video/ogg">
Your browser does not support the video tag.(이 브라우저는 비디오태그를 지원하지 않습니다.)
< /video>

  

참고 : w3cschool

'Web > Web Browser' 카테고리의 다른 글

Html5 Video Tag  (0) 2014.01.16
웹표준 그리고 웹어플리케이션 개발 순서  (0) 2013.11.28

설정

트랙백

댓글