웹마스터 팁

  2. Support
  3. 웹마스터 팁

mp4 파일을 JW Media Player에 재생할 수 있도록 변경하기

2010.05.26 17:57

세비군

 

XE 1.4.1.0을 사용하면서 mp4를 재생하다 발견한 문제점인데..

Windows Vista나 7, 리눅스계열 및 우분투 Firefox에서는 mp4가 그냥 무리없이 재생이 됩니다만..

보편적으로 많이 쓰는 Windows XP에서는 엑스박스만 뜬 채 재생되지 않는 문제점을 발견하였습니다.

 

원인은 두가지가 복합 작용한 것으로..

1. Windows XP의 Windows Media Player가 mp4 재생을 지원하지 않습니다.

2. XE의 JW Media Player를 담당하는 스크립트에서 mp4 확장자가 등록되지 않아 Embed태그로 적용되기 때문입니다.

(Embed태그로 인식되면 OS상에서는 기본 혹은 지정된 미디어 재생기로 웹에서 재생을 시도합니다)

 

이럴 때 해당 스크립트에 문구만 몇자 추가하면 mp4를 JW Media Player에 재생할 수 있도록 우회(?)시킬 수 있습니다.

 

이 팁을 응용하시면 JW Media Player에서 재생할 수 있는 다른 포맷들도 등록시키는 것도 가능합니다.

 

 

 

*How To*

 

1. xe/common/tpl/js/common.js 를 메모장으로 엽니다.

 

2. 스크립트 하부에보면 주석에 "@brief 멀티미디어 출력용 (IE에서 플래쉬/동영상 주변에 점선 생김 방지용)" 이라는 곳이 있는데 거기서 조금 더 내려가다보면 아래와 같은 스크립트를 발견하실 수 있습니다. 

     if(/\.(gif|jpg|jpeg|bmp|png)$/i.test(src)){
        html = '<img src='+src+" width="'+width+'" height="'+height+'" />';
    } else if(/\.flv$/i.test(src) || /\.mov$/i.test(src) || /\.moov$/i.test(src) || /\.m4v$/i.test(src)) {
        html = '<embed src='+request_uri+'common/tpl/images/flvplayer.swf" allowfullscreen="true" autostart="'+autostart+'" width="'+width+'" height="'+height+'" flashvars="&file='+src+'&width='+width+'+ '+ '&height='+height+'&autostart='+autostart+'" wmode="'+ '+params.wmode+'" />';
    } else if(/\.swf/i.test(src)) {
        clsid = 'clsid:D27CDB6E-AE6D-11cf-96B8-444553540000';

 

3. 아래의 빨간 부분을 추가합니다.

     if(/\.(gif|jpg|jpeg|bmp|png)$/i.test(src)){
        html = '<img src='+src+" width="'+width+'" height="'+height+'" />';
    } else if(/\.flv$/i.test(src) || /\.mp4$/i.test(src) || /\.mov$/i.test(src) || /\.moov$/i.test(src) || /\.m4v$/i.test(src)) {
        html = '<embed src='+request_uri+'common/tpl/images/flvplayer.swf" allowfullscreen="true" autostart="'+autostart+'" width="'+width+'" height="'+height+'" flashvars="&file='+ '+src+'&width='+width+'&height='+height+'&autostart='+ '+autostart+'" wmode="'+params.wmode+'" />';
    } else if(/\.swf/i.test(src)) {
        clsid = 'clsid:D27CDB6E-AE6D-11cf-96B8-444553540000';

 

4. 저장하고 기존의 xe/common/tpl/js/common.js 에 덤프시킵니다.

 

5. 동영상 게시물에 들어가면 mp4도 JW Media Player에서 재생 시킬 수 있습니다.

 

 

원문: http://anisage.com/xe/599

 

이 게시물을
좋아요
목록
제목 글쓴이 날짜
링크 클릭시 사운드 효과 [3] REAL 2003.04.09
이미지 링크로 사용하다가 짤렸을때 대체 이미지 [6] REAL 2003.04.09
새창뜨는 링크 누를때 스크롤바 고정시키기 [8] REAL 2003.04.09
textbox의 값을 오른쪽부터 채우기. [1] RedEye 2003.04.12
[html 초보용] 홈페이지 무작정 따라하기!① [6] file 깻잎사랑=_=v 2003.04.14
[html 초보용] 홈페이지 무작정 따라하기!② [3] file 깻잎사랑=_=v 2003.04.14
textarea 세로 글쓰기 [1] ZipShin 2003.04.15
이미지 테두리에 점선 두르기 [6] ZipShin 2003.04.15
label태그 아십니까? [6] ZipShin 2003.04.27
쭘식 메뉴만들기 - 세로 슬라이드 메뉴 [11] file 쭘's 2003.04.29
HTML 암호화시킨것 풀어주는소스(암호화도가능) [11] 호호짱 2003.05.06
더블클릭으로 웹문서 새로고침 하기 [3] RedEye 2003.05.09
동영상이 로딩될때까지 이미지 보여주기 [8] ZipShin 2003.05.19
세계인구와 한국인구 구하기 애플릿 소스 [3] TimeMode 2003.05.19
onload 두개 사용하려고 할때... [5] chosun815 2003.05.20
CSS파일이용하여 링크에 건반효과주기(강력추천) [8] 호호짱 2003.05.23
무심코 지나치기 쉬운 인푸트(input)폼에 대한 몇가지들.... [4] RedEye(rinja) 2003.05.23
개미선 없애기.. [10] -크크크- 2003.06.04
[초보자용] 노프레임 이해하고 만들기 [16] zeroMD™ 2003.06.05
[re] 쭘's식 홈페이지 만들기 No.3 - 깔끔 노프레임 (미리보기 포함) [5] 파마아줌마 2003.07.21
태그 쓰기