[이윰] SELF-HOSTED로 Jwplayer7.x 사용시 외부 링크(jwpcdn.com)에서 스킨 가져오는 문제

페이지 정보

yadolee 루루아빠 4,460 1 2016.05.11 17:00:40

본문

Jwplayer7.x 를 개인 서버 혹은 호스팅 서버 사용시 다운로드하여 이용할 수가 있는데 jwplayer.js 를 살펴보면 repo:"http://ssl.p.jwpcdn.com/player/v/" 가 정의되어있어 jwplayer 를 띄울 때마다 앞에 언급된 링크에서 스킨을 다운받게 된다.
결국 완벽한 "EMBEDDING SELF-HOSTED PLAYERS"가 아닌 셈이다.

구버전들과 달리 skin 까지 포함해서 SELF-HOSTED 할 수 있도록 허락하면서 왜 외부 링크에서 스킨을 다운받도록 했는지 못마땅하다.
스킨을 포함하지 않았다면 수긍이 갈텐데 말이다...


1. Jwplayer7.x 가 설치된 폴더 상위에 player 라는 폴더를 만들고 v 폴더를 만들고 Jwplayer 버전명(예를 들어 jwplayer7.3.4를 이용중이라면 7.3.4)으로 폴더를 만들고 그 안에 스킨들을 포함은 skins 폴더를 복사한다.
2. Jwplayer7.x가 설치된 폴더내 jwplayer.js 를 열어 repo:"http://ssl.p.jwpcdn.com/player/v/" 를 repo:"http://도메인/player/v/" 로 수정한다.

상기처럼 수정하게 되면 스킨 로딩 경로가 "http://도메인/player/v/버전/skins/스킨명"이 된다
반드시 http://도메인/player/v/버전/skins 폴더내에 스킨이 존재해야한다 그렇지 않으면 본문에 사용자 정의된 스킨이 적용되지 않는다


상기 방법으로 적용했을 때 IE11에서 JWplayer가 다음과 같은 오류를 보이며 로딩되지 않는다.

Setup timeout error - setup took longer than 30 seconds to complete

다음과 같이 적용해보자.

Jwplayer를 SELF-HOSTED 방식을 이용하기 위해 필요한 소스를 아래 소스를 참고해 적용하자.

<script type="text/javascript" src="../Jwplayer 가 설치된 폴더/jwplayer.js"></script>
<script type="text/javascript">
// <![CDATA[
        jwplayer.key = "Jwplay 라이센스 Key";
        jwplayer.defaults = {"base": "../Jwplayer 가 설치된 폴더/"};
// ]]>
</script>
상기 스크립트 코드 중 중요한 것은 상기 예제에 Jwplayer가 설치된 경로가 상대경로든 절대경로든 상관없이 올바르게 입력되어야 한다. 올바르지 않다면 Jwplayer가 본문에서 로딩되지 않는 건 당연한 것이다.
상시 스크립트를 추가함으로 서버상의 jwplayer 스킨을 이용할 수 있게 된다
고로 Jwplayer 가 설치된 폴더/jwplayer.js의 repo:"http://ssl.p.jwpcdn.com/player/v/" 값을 repo:"../Jwplayer 가 설치된 폴더/" 으로 추가 수정하지 않아도 된다.
사실 이걸 알아본 이유는 이윰 테마 common.css 에 정의된 border-radius:0 !important; 이 값 때문에 jwplayer 스킨들에 모양이 제대로 반영되지 않기 때문이다.
추천인
  • 추천해 주세요

댓글1

루루아빠님의 댓글

yadolee
루루아빠 글쓴이 2016.05.11 17:04

축하합니다. 지뢰폭탄 제거로 115경험치를 획득하였습니다.

Total 7691526 페이지

제목 글쓴이 날짜 조회 추천
이윰  🏆 🎞️ Input 관련 버튼과 이윰 버튼 정렬 맞추기 루루아빠 2015.11.17 3.0k 0
그누•영카트  🏆 영카트 5.3.1.9 패치 shadow2fox 2018.10.19 2.5k 0
PHP  🏆 PHP Warning: Invalid argument supplied for foreach() 해결책 shadow2fox 2018.11.11 2.2k 0
제로  🏆 카테고리/페이지 상관없이 공지는 무조건 보이게 루루아빠 2006.05.26 3.8k 0
이윰  🏆 🎞️ 그누보드 5.17, 영카트 5.16 대응 테마 패치 루루아빠 2015.11.18 3.3k 0
그누•영카트  🏆 그누보드 5.3.2.0 패치 shadow2fox 2018.11.22 2.3k 0
DB  🏆 MYSQL 유저 추가 및 삭제 야돌이 2006.05.28 3.2k 0
이윰  🏆 🎞️ Eyoom Builder 1.1.16 패치 루루아빠 2015.11.19 3.6k 0
그누•영카트  🏆 영카트 5.3.2.0 패치 shadow2fox 2018.11.22 2.4k 0
그누•영카트  🏆 영카트 5.4.5.2 shadow2fox 2021.03.17 1.6k 0
DB  🏆 MYSQL root 비번 분실시 해결방법 야돌이 2006.05.28 3.6k 0
그누•영카트  댓글+1🏆 🎞️ 접근차단 IP, 접근가능 IP로 인해 홈에 접근 불가될때 루루아빠 2015.11.21 3.3k 0
이윰  🏆 마우스 오버시 이전글 다음글에 제목을 띄우기 shadow2fox 2018.11.27 2.6k 0
DB  🏆 MYSQL에서 DB 백업 및 복구 방법 야돌이 2006.05.28 3.5k 0
이윰  댓글+2🏆 회원 프로필 사진 변경시 바로 갱신하여 보여 주기 shadow2fox 2018.12.04 3.1k 0
제로  🏆 선택한 게시글은 목록 제목에서 진하게 표시하기 루루아빠 2006.05.29 3.9k 0
그누•영카트  🏆 🎞️ 그누보드 5.1.8 패치 루루아빠 2015.11.25 3.0k 0
제로  댓글+3🏆 한글 이름이 들어간 이미지나 동영상 익스 설정없이 보여주기 루루아빠 2006.06.01 3.6k 0
그누•영카트  🏆 🎞️ 영카트 5.1.7 패치 루루아빠 2015.11.25 2.9k 0
그누•영카트  🏆 영카트 5.4.5.3 shadow2fox 2021.04.05 1.6k 0
기타  🏆 🎞️ 윈도우 서버를 위한 하드 링크와 심볼릭 링크 루루아빠 2015.11.29 2.9k 0
그누•영카트  🏆 🎞️ 그누보드 5.1.9 패치 루루아빠 2015.12.07 5.0k 0
jQuery  🏆 클릭 함수가 더블 클릭시에만 작동된다면 shadow2fox 2018.12.11 2.2k 0
제로  🏆 아파치1.x 버젼을 위한 설정 루루아빠 2006.06.01 3.7k 0
그누•영카트  🏆 🎞️ 영카트 5.1.8 패치 루루아빠 2015.12.07 3.1k 0
그누•영카트  🏆 영카트 5.4.5.4 shadow2fox 2021.05.04 1.9k 0
제로  🏆 코멘트 한번만 작성하게 하기 루루아빠 2006.07.01 4.1k 0
이윰  🏆 🎞️ Eyoom Builder 1.1.17 패치 (Start of the Season2) 루루아빠 2015.12.08 3.5k 0
제로  🏆 포인트 점수에 따른 자동 레벨업 루루아빠 2006.07.10 5.7k 0
이윰  댓글+1🏆 이미지 리사이징 기능 끄기 (큰 이미지가 커졌다가 작아지는 문제 해결) 루루아빠 2015.12.18 4.6k 0