[javascript]동영상 재생

동영상 재생 관련하여 크로스 도메인이 쉽게 되질 않았다. video 테그를 사용할경우 익스에서 정상적으로 재생이 되지 않았다. 예제 사이트 의 동영상마저도 익스에서 실행이 되지 않았다. (익스 11 에서 안되었음 . 뭐 이렇노. 참고한 사이트 http://dolly77.tistory.com/30)
별다른 오류없이 그냥 재생이 안됨. ㅡㅡ++2일동안 개고생.

하여 검색 끝에 jplayer 를 알게되어 해결함.

공식 홈페이지(다운로드)

http://www.jplayer.org/

지원 환경

• Windows: Chrome, Firefox, Internet Explorer, Safari, Opera
• Windows (legacy): IE6, IE7, IE8, IE9, IE10, IE11
• OSX: Safari, Firefox, Chrome, Opera
• iOS: Mobile Safari: iPad, iPhone, iPod Touch
• Android: Android 2.3 Browser
• Blackberry: OS 7 Phone Browser, PlayBook Browser

지원 포맷 

• HTML5: mp3, mp4 (AAC/H.264), ogg (Vorbis/Theora), webm (Vorbis/VP8), wav
• Flash: mp3, mp4 (AAC/H.264), rtmp, flv

나의 경우는 mp4 파일이었다.

http://www.jplayer.org/latest/developer-guide/ 

개발자 가이드 보면 여러가지 옵션및 설정을 할수 있는 API 가 제공 된다.

http://jplayer.it/

플레이어 스킨을 제공한다. 필요한경우 만 가져다 쓸것.

소스

jplayer.js 를 인클루드 하고 Jplayer.swf 를 /flash/Jplayer.swf 경로에 위치

<!-- 영상삽입부분 -->

<div class="mdBox" id="video_area_div">

</div>

<!-- 영상삽입부분 -->

<!--영상을 재상할 div 에 JPlayer 생성자를 통해 넣어주는 개념.-->

<!--스크립트 -->

$("#video_area_div").jPlayer({         

        ready: function () {                          

$(this).jPlayer("setMedia", {          

       title: "제목",       

       m4v: "mp4파일경오",        

     }).jPlayer("play"); // 재생하기          

},               

swfPath: "/flash/Jplayer.swf", //jplayer swf 경로                

supplied: "m4v", //mp4 로 하면 안됨.

        size: {width: "640px", height: "360px"} 

        //이 외에도 다양한 옵션 값을 줄수 있음...

}); 

<!--스크립트 -->

크롬 익스 에서 정상작동 확인.