스마트클라우드 시스템 만들기 : 표준웹문서-동영상(html5-video)

2014년을  HTML5 웹기술 표준화 최종작업의 해로 정하여 진행하고 있다.

이전웹문서에서는 동영상을 지원하지 않았기 때문에 플러그인(플래시플레이어,실버라이트)을 설치해야만 했다.

그러나 html5에서는 태그(Tag)명령어만으로 동영상을 보여줄수 있게 되어 표준웹문서로 자리잡은 html5에서 동영상을 처리하기가 쉬워졌다. 현재 html5비디오태그는 모든 최신PC웹브라우저와 모바일웹브라우저에서 지원이 된다.

현재 html5와 웹브라우저의 현황은 다음과 같다.(출처:http://goo.gl/YZwQF)

HTML5-Video 태그는 다음과 같이 사용되고 있다.

태그가 지원되지 않는 브라우저에서 지원되는 동영상코덱(mp4,ogg,webm)을 보여주려면 HTML5 Video Player를 사용하여야한다. Video.JS, JW Player, Mediaelement.JS 등을 이용하여 지원 동영상코덱을 보여줄수 있다.

(출처: http://goo.gl/PZ0IG )

HTML5 Video Player로 20여종을 소개하고 있는 사이트는 다음과 같다.

http://praegnanz.de/html5video/

그럼 많이 사용하고 있는 JWplayer의 사용법에 대하여 알아보자.