JW Player 모습
블러그들을 둘러보다 보면 위와 같은 모습의 플레이어가 있습니다.
유튜브도 아닌것이, 그렇다고 국내 포털 사이트 플레이어도 아닌것 같죠?
저 플레이어는 바로 내 블로그내에서 FLV 동영상 파일을 업로드해주면 그 파일을 플레이 해주는 것입니다.
원소스는 BLUEnLIVE
님께서 해주신 것입니다. 일단 BLUEnLIVE님 블로그에 방문 하셔서 파일과 적용 소스들을 배워야합니다. 꼬옥~
그런데 문제점은 원래 티스토리용으로 만들어 주신것이여서 그대로 쓰면 텍큐닷컴에서는 적용이 안됩니다. 왜? 냐면 일단 FLVplayer.js 와 Player.swf 파일이 업로드 자체가 불가능 합니다. 둘째는 <head></head> 사이에 소스를 넣어줘야 하는데 이상하게 텍큐닷컴은 이부분에 무언가를 넣고 적용을 눌러도 실제로 적용이 안됩니다. 헐~
첫번째 파일업로드가 안되는것은 사이드바 플래시 태그 적용하면서 알았던 것처럼 그냥 다른계정에 올려서 링크주소만 걸어두면 해결이 됩니다.
근데 <head></head> 사이에 소스를 넣고 적용이 불가능 해서, 혼자 여러가지 삽질을 해서 성공했습니다. T.T (마음에 들때가지 삽질은 계속된다..두둥!!)
자 한번 발로쓰는 비법공개 이어집니다. ~~슝슝!~!
BLUEnLIVE님이 공개 해주신 원본 소스<script type="text/javascript" src="FLVplayer.js의 주소"></script>
<script type="text/javascript">
FLVHelper.all("player.swf의 주소");
</script>
위소스를 텍큐닷컴에 적용하려면 <head></head> 사이에 넣지 말고 !!
내블로그관리하기 - 꾸미기 - 위젯 에 들어가서 HTML 위젯에 소스를 넣어주면 바로 성공입니다. 정말 참 쉽죠잉~
좀더 상세하게 사진첨부 설명추가 (열심히 한것같은 포스팅량을 늘리려는 의도;;)
꾸미기 - 위젯을 클릭해줍니다.
그림처럼 위젯추가 (마우스 손가락 따라서..)를 눌러줍니다.
새창이 뜨면 HTML 코드 위젯을 선택해 줍니다.
HTML 코드 위젯을 설정 해주면 됩니다. 연필아이콘을 눌러서
요런 식으로 소스를 HTML 코드란에 붙여넣기 해주면 됩니다. 위젯이름은 안 넣어도 상관은 없는데 나중에 식별하기 편리하도록 이름을 적어두는것이 편해요 ^^
정말 아무것도 아니자만, 저는 참 혼자 몇번 실패끝에 성공했습니다. 부디 써보고 싶으셨던 분이 이글을 보고, 잘 사용해시면 좋겠네요.^^ 다시한번 BLUEnLIVE님께 감사의 말씀 전합니다. ~~
* 깜군이가 적용한 소스공개
<script type="text/javascript" src="http://cfs.tistory.com/custom/blog/36/365550/skin/images/FLVplayer.js"></script>
<script type="text/javascript">
FLVHelper.all("http://cfs.tistory.com/custom/blog/36/365550/skin/images/player.swf" , "http://fs.textcube.com/blog/0/6894/skin/1/images/kkamflv.png" ,20);
</script>
정말 중요한걸 빼먹을뻔 했네요. 직접 적용한 동영상 파일
(오늘 개봉한 트랜스포머2 예고편입니다. 여자친구라는게 같이 보러가기로 해놓고 잠만 자서 그냥 승질나서 않보기로한 세계적 이슈 영화!!!)
tt_640x350.flvi
trackback from: 동영상 편집 테스트
답글삭제... 정말로 순수한 의도로 시험삼아 해보는 겁니다~ 100분토론_640x360.flv 사실은... '100분 토론 바~로 이맛 아닙니까~!!'(이 글)보고 심심해서 해봤습니다. ^^; 사소한 문제가 하나 있는데 Flash Player 버전이 10이면 경우에 따라 잘 안 보이는군요. 있다가 고쳐봐야겠습니다. 혹시 flv 플레이어 아시는 분 없나요~(털썩) 결국 JW player로 해결했습니다. ^^ 설치형 텍스트큐브 때는 그냥 플러그인으로 JWPla..
와우... 원래 설치형 텍스트큐브 쓰다가 이쪽으로 옮기면서 JW Player같은 거 못 쓰겠구나 했는데 이런 방법이 있었군요! 멋집니다.
답글삭제@매치어 - 2009/07/15 12:52
답글삭제와웅굿!! 하지만, 제가 한건 그냥 텍스트큐브닷컴에서 쓰는방법뿐이구요, 원소스를 주신분은 본문에도 밝혔지만 BLUEnLIVE님이 해주신거예요^^ 암튼 도운이 되었다니 키햐 행복합니다.~~