웹마스터 팁

 

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

 

제목 글쓴이 날짜
1.4.2.0, 1.4.2.1 패치후 레이아웃 깨지시는 분들 참고하세요. [3] 위드파트너 2010.05.19
나의 웹사이트가 어떻게 보이는지 보여 줍니다. [2] 레미짱 2010.05.21
CSS 문구를 쉬운 말로 설명해 드립니다 [2] 레미짱 2010.05.26
XE내에 있는 JW Media Player 업그레이드 하기 [8] 세비군 2010.05.26
mp4 파일을 JW Media Player에 재생할 수 있도록 변경하기 [5] 세비군 2010.05.26
xe를 업데잇 하며 얻은 중대한 경험담. [4] Blue Apple 2010.06.01
하단 사이트맵 원하는 메뉴만 띄우기 [2] 제이닷 2010.06.02
XE 최근 업데이트후 CSS background이 안먹히는 현상 해결. 소렌트. 2010.06.02
[트래픽] 줄이기 팁! 레벨별 아이콘을 CDN 으로 (cafe24) [11] 999 2010.06.04
그동안 고심하던 제로보드 에디터 문제 해결되었음을 기쁜마음으로 알립니다. 유샤인 2010.06.07
파일첨부 100%에서 증발 하는 문제 해결 [1] asgasg 2010.06.08
갤러리 게시판적용시 공지사항을 넣었는데 간격조정이 안맞을경우 file 유리가면™ 2010.06.08
LNB위젯사용하지 않고 초간단 페이지 인식 메뉴 만들기 file 쥰지 2010.06.09
첨부파일 100% 에서 사라지는 문제 저도 해결 [2] 안나오네 2010.06.09
''외부 페이지''에서 CSS/JS 파일 불러들이기 [2] xe-m 2010.06.11
첨부파일 100% 에서 사라지는 문제 해결 방법 [8] 엔키오 2010.06.11
관리자id , 닉네임, e-mail주소, 바꾸기, 최고관리자권한 없애기 [3] 유병철 2010.06.18
referer 로 사이트 차단하기.. [3] 하얀마법 2010.06.20
files 폴더안의 cache 폴더/파일 1초만에 지우기 [3] 999 2010.06.21
스크립트 오류로 고생하시는분 [2] 니오티 2010.06.21