티스토리에서 사용하던 JW Player 도우미를 텍스트큐브에서 사용할 수 있도록 변환하고, 플레이어를 업데이트했다.
(이벤트가 있어야 업데이트하는 이 게으르니즘...)
처음 보는 사람들을 위해 소개하자면... JW Player는 LongTail Video에서 공개하는 명품 웹 비디오 플레이어다.
이 플레이어는 mp3/mp4 오디오, H.264 flv/mp4 비디오 파일을 재생할 수 있다.
이를 티스토리/텍큐닷컴에서 간편하게 사용할 수 있도록 자바스크립트를 만들었다.
(이 플레이어의 목적 및 기능들은 JW Player 도우미 2.2 업뎃에 있는 링크들을 확인하면 좀더 자세히 볼 수 있음)
이 플레이어를 사용하려면 아래와 같이 하면 된다.
1. 파일 다운 및 스킨 업로드
아래 압축파일을 다운받을 뒤 압축을 풀고, 스킨 업로드를 통해 업로드한다.
압축을 풀면 gif 파일 2개가 나오는데, 사실은 자바스크립트와 플래쉬 플레이어 파일의 확장자를 바꾼 것이다.
압축을 풀면 gif 파일 2개가 나오는데, 사실은 자바스크립트와 플래쉬 플레이어 파일의 확장자를 바꾼 것이다.
JWPlayerHelper3.zip2. 스킨 파일 수정
텍큐닷컴은 스킨의 헤더 영역에는 스크립트를 올릴 수 없고, 본문 영역에만 스크립트를 올릴 수 있다.
<body> 바로 아래에 아래의 코드를 삽입한다.
<script type="text/javascript" src="(자기 블로그 이미지 주소)/j_FLVPDF.gif"></script>
<script type="text/javascript">
//<![CDATA[
FLVPDFHelper.all(1, 1, 680, 500);
//]]>
</script>
여기서 자기 블로그 이미지 주소는 블로그 화면에서 소스보기를 해서 코드를 보면서 직접 찾아야 한다.
티스토리에서는 단순히 ./images 라고 쓰면 알아서 변환해주지만, 텍큐닷컴은 <img> 태그에 사용하는 경우에만 이 처리를 해준다.
이렇게 하고는 정해진 규칙에 따라 파일을 업로드한 뒤 파일을 삽입하면 아래와 같이 플레이어가 표시된다.
(전술했듯이, 정확한 사용법은 JW Player 도우미 2.2 업뎃에 있는 링크를 확인하면 됨)
이거 티스토리도 되죠?
답글삭제@jong970105 - 2009/12/07 13:00
답글삭제물론 됩니다.
티스토리에 설치했는데 잘되네요
답글삭제@gyus - 2009/12/11 10:31
답글삭제IE에서도 잘 동작하나요? 가끔 오동작할 때가 있어 검토하려고 하거든요...
@gyus - 2009/12/11 10:31
답글삭제죄송합니다
저 IE안써욧!!!
@gyus - 2009/12/11 10:31
답글삭제역시 IE는 공공의 왕따인가요... ㅋㅋ
궁굼한점이 있는데요 블로그 말고 카페24에 상세페이지에 이 jw player를 삽입할려면 어떻게 해야하죠?
답글삭제여기저기 보고 찾아봐도 티스토리나 블로그에 올리는 방법바께 없어서요 ㅠ,.ㅜ 플래시 자체에서 동영상
제어스킨을 만들어서 실행하면 카페24에서는 실행이 안되더라구요 그래서 어떤분이 jw player로 올리신걸
보고 따라할려고 하는데 어떻게 하는지 도무지 감이 안잡혀서요 부탁드립니다 ㅠ,.ㅜ
wormst@nate.com 이쪽으로 멜 주시면 더 감사하구요 ^^
비밀 댓글 입니다.
답글삭제비밀 댓글 입니다.
답글삭제