JW Player 5.4b 업데이트

최근 JW Player가 5.3에 이어 5.4로 업데이트 되었다.
5.2에 비해 가장 크게 변한 점은 웹 브라우저에서 지원이 되는 경우는 HTML5로 재생한다는 점이다.
HTML5로 재생할 수 없으면 차선책으로 플래쉬를 이용해서 재생한다.
그런데, 애석하게도 본 포스트에서 소개하는 방식에서는 구조상의 한계로 이러한 기능을 최대한 이용할 수는 없다.
(이 기능을 사용하려면 JW Embedder라고 부르는 javascript 엔진을 사용해야 함)
이러한 기능을 적용하기 위해서는 object 태그로 변환하는 기존의 방식 대신 JW Embedder를 사용해야 된다.

또한, 이러한 기능의 변화 외에도 플레이어 자체의 안정성 증대 및 버그 패치라는 중요한 수정사항이 존재한다.

블로그에 JW Player를 적용하고, 삽입된 pdf를 보며, 외부 주소 mp4 비디오/오디오를 재생하려면 다음과 같이 하면 된다.


1. 필요 파일 업로드

아래 파일을 다운받아 압축을 해제한 뒤 블로그 스킨에 업로드한다.

(티스토리에서 첨부파일 다 날려먹어 다운 불가. 잘 했어요. 티스토리)

2. 스킨 수정

스킨의 헤더 영역 내에 아래의 내용을 추가한다.

<script type="text/javascript" src="./images/jwplayer.js"></script>
<script type="text/javascript" src="./images/FLVPDF.js"></script>
<script type="text/javascript">
//<![CDATA[
  FLVPDFHelper.all(
    1,
    1,
    680, 500,
    "./images/player.swf");
//]]>
</script>

3. 사용법

사용법은 다음 글들을 참조하면 된다.
- 포스트에 첨부한 flv/mp4 재생
- 외부 mp4 재생
- PPT/PDF 삽입

덧1. IE에서는 JW Embedder를 사용하도록 변환하는 것이 불가능해 보인다.
그래서 IE에서는 기존 방식으로 동작한다. 에라이~ IE~

덧2. 5.4b에서 <object> 태그를 가운데 정렬하는 기능을 추가했다.
<object> 태그는 좌우 정렬에서 left, right만 적용 가능하기 때문에 <center>~</center>를 추가하는 방식으로 구현했다.