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

페이지 정보

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

평점

  • 평점 : 0점 (0명 참여)

본문

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 스킨들에 모양이 제대로 반영되지 않기 때문이다.
추천인
  • 추천해 주세요
yadolee
6
루루아빠 - 회원등급 : 최고관리자 - 포인트 : 1,332,127
레벨 100
경험치 1,486,714

Progress Bar 5.72%

- 가입일 : 2015-03-04 03:24:54
- 서명 : KNOW YOUR LIMITS BUT NEVER STOP TRYING TO EXCEED THEM !!
- 자기소개 : 루루의 자랑 루루아빠랍니다~~

댓글1

루루아빠님의 댓글

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

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

Total 242613 페이지

제목 글쓴이 날짜 조회 추천
이윰  🏆 블로그 스킨(masonry)에서 Lazy Load(unveil) 사용시 목록 올바르게 보여 주기 루루아빠 2016.11.16 2,827 0
이윰  🏆 INDEX 화면을 특정 게시판으로 변경하기 루루아빠 2016.11.06 4,089 0
이윰  🏆 태그 클릭시 관련된 게시글 페이지당 노출 갯수 정하기 루루아빠 2016.10.09 2,903 0
이윰  🏆 특정 게시판에 다른 헤더 파일 불러오기 루루아빠 2016.10.01 2,722 0
이윰  🔒 쇼핑몰 테마 메인 화면을 쇼핑몰로 바꾸기 루루아빠 2016.09.24 4 0
이윰  🏆 그누 5.2.1 패치로 비회원 댓글 작성시 오류 메세지 띄우는 문제 루루아빠 2016.09.04 3,040 0
이윰  🏆 Eyoom Builder 1.2.6 패치 루루아빠 2016.08.26 2,832 0
이윰  🏆 태그 더보기시 페이지당 태그 노출 갯수 조정하기 루루아빠 2016.08.25 3,072 0
이윰  🏆 Google Maps API Key를 발급받아 이윰 스킨에 적용하기 루루아빠 2016.08.24 5,641 0
이윰  🏆 첫 번째 이미지 파일 첨부 후 본문에는 첫 번째 첨부 이미지 보이지 않게 루루아빠 2016.08.05 3,176 0
이윰  🏆 메인주소를 쇼핑몰로 사용하기 루루아빠 2016.07.27 2,855 0
이윰  🏆 Eyoom Builder 1.2.5 패치 루루아빠 2016.06.10 2,884 0
이윰  🏆 익스 및 엣지 브라우저에서 모달(modal)창에 스크롤바가 하나 더 생기는 문제 루루아빠 2016.06.06 3,349 0
이윰  🏆 이윰레벨을 사용치 않고 그누레벨만 사용하기 루루아빠 2016.05.17 2,977 0
이윰  🏆 모달(modal) 슬라이드 다운 슬라이드 업 효과 없애기 루루아빠 2016.05.13 3,756 0
이윰  🏆 📸 여분필드를 활용한 간단한 게시판 입력 서식 만들기 루루아빠 2016.05.13 3,549 0
이윰  🏆 게시글 본문에 태그가 포함된 경우 검색시 그대로 노출되는 문제 해결 루루아빠 2016.05.13 2,609 0
이윰  댓글+1🏆 🚩 SELF-HOSTED로 Jwplayer7.x 사용시 외부 링크(jwpcdn.com)에서 스킨 가져오는 문제 루루아빠 2016.05.11 4,210 0
이윰  🏆 본문 내용 추출시 특정 태그 제거하기 루루아빠 2016.05.09 3,049 0
이윰  🏆 Eyoom Builder 1.2.4 패치 루루아빠 2016.04.23 2,762 0