요즘 블로그를 구경하다보면 유난히 아래와 같은 동영상 플레이어를 많이들 보셨을것으로 생각합니다. 워낙 깔끔하여 어디 COPY 부분이 없을정도로 심플합니다.  그래서 구경만 하시는분들이 많으셨을것으로 생각을 하는데 오늘은 직접 한번 해보도록 하겠습니다.

자 일단 JW 플레이어는 여러분이 알고 계시는 동영상을 업로드 하는 사이트가 아닙니다. 단지 동영상주소를 플레이 시켜줄뿐입니다. 그럼으로 동영상은 다른곳에 올리시거나 혹은 올려진 동영상을 플레이 시키는겁니다.

다음과 같이 준비를 해야겠습니다...

동영상은 여러분이 알고 계시는 사이트에 올리세요!; 블로그든, 엠엔케스트든, 다음팟이든, 혹은 자신의 계정이든 어디든간에 올렸다고 합시다. 일반적으로  UCC관련 동영상업로드 사이트는 업로드를 하게되면 모두 FLV로 변경되게 됩니다. 이 주소를 알아 내는 방법은

2getlive 사이트나 downflv를 이용합니다.
http://www.2getflv.com/2getflv/index.php
http://www.downflv.com/

이제 동영상의 주소를 알았다고 합시다...

그럼 이제 jw를 이용하여 해당 동영상 주소를 연결후 소스를 만들어내면 됩니다.

다음의 사이트로 이동합니다.
http://www.longtailvideo.com/support/jw-player-setup-wizard

다음의 절차대로 진행합니다.
위처럼  파일옵션에 flv 주소를 넣어주면 됩니다. 그리고 위에 보시면 플레이어 위치가 있는데 자신의 계정주소를 올려주시거나 아니면 해당 사이트를 이용해도 됩니다.^^
http://www.longtailvideo.com
그리고 아래에 소스코드를 블로그나 기타 자신의 홈페이지등에 넣으면 되겠죠^^

위와 같은경우는 jw 홈페이지를 이용하여 마법사로 인하여 소스코드를 만들어내지만, 위의 소스를 잘 분석해보시면 자신의 홈페이지에서도 가능합니다.

http://www.longtailvideo.com/players/
위의 주소에서 swf 파일을 다운받아서 자신의 홈페이지에서 작동이 가능합니다.^^
This text will be replaced

위의 영상은 티스토리 정식 오픈 트랜스포머 패러디 영상입니다.
여러분도 한번 해보세요!
포스팅이 유익하셨다면 추천 부탁드립니다. ^^
본문 밑에 작은 하트를 눌러주세요!
홈으로
공감
Post by : 재아

여러분의 소중한 댓글입니다.

  1. 어 요거 궁금했었는데 좋은 정보 감사합니다 ^^

  2. 흠, 제가 쓰는 위젯이 훨낫군요.



    제블로그에 오시면 본문에 위젯이 하나 떠있는데 거기에 사진음악동영상 다 되는 위젯입니다.

    저거보다 훨 난듯 싶네요.

    • 아 그런가요~~.. 한번 봐야겠네요~~~

    • 아 BOX 말인가요>> 저도 예전에 사용했었습니다.^^

      제가 사용할때?? 그러니깐 1년전쯤 되겠네요 그때만 해도 업로드가 너무 느려서 사용하다가 보류 했던 기억이 나네요~~..

      ^^; 지금은 좋아졌나 보네요~~ 정보 감사

  3. 박스 많이 빨라졌습니다 ㅋㅅㅋ


    위젯올려 쓰세요 ㅋ

  4. 아.. 이거 많이 궁금했던건데..ㅎㅎ 언젠가 꼭 이용해 봐야겠어요~;)

  5. 안그래도 이거 사용해서 포스팅 해보려고
    벼르고 있었는데 ㅋ

    늦었군요! ㅎㅎ

    자세한 정보 감사해요^^

    • 저도 한번 사용해볼려고 계속 미루다가 ㅋ 시간이 되서 해봤습니다...

      요즘 트렌드에 좀 안맞긴 하지만 그래도 일단 깔끔하고 광고가 없으니 좋네요~~ ㅋ

  6. 헛. . . 이런건 또 어떻게 아셨대요? ㅎㅎㅎ
    +_+

  7. 와우 재아님 덕분에 좋은 정보 하나 알았네요.
    저처럼 겉으로는 음악블로거를 지향하는 사람에게는
    요즘은 음악이나 동영상 컨텐츠 업로드하는게 정말 힘들거든요 ㅠ.ㅠ ㅋㅋ

  8. 비밀댓글입니다

  9. 비밀댓글입니다

    • 님께서 보여주신 소스중에요

      중간에 war so= 들어간 부분에

      /jw/embed/player.swf 이라고 되어 있는 부분을 아래처럼 바꾸어 줍니다

      http://player.longtailvideo.com/player.swf

      그럼 잘 나올껍니다..

      그리고 제가 혹시 몰라서 방금 해봤는데, 영상 주소가 없다고 나오네요 영상 주소 다시 한번 확인해보세요!

    • ヽ○ノ    ヽ○ノ
       / ヘ     ( ヘ
      <       <    에헤라디야~♬

      재아님 한번에 됐어요 ^^
      감사합니다...ㅠㅠㅠ

    • 어므나 축하드립니다.^^

  10. 저 제가 flvplayer.swf를 계정에 올리려고 하는데요ㅜㅜ
    주소를 어떻게 얻는지 모르겠어요..ㅠ_ㅠ
    티스토리 계정 쓰려고하는데요..ㅠ_ㅠ

    • flvplayer.swf 를 파일을 다운받아서 계정에 올리셔서 사용하는경우에는 업로드후의 flvplayer.swf의 위치의 주소를 알아야할겁니다..

      님께서 질문하신 티스토리의 계정 (즉, 스킨의 파일을 업로드 하는곳에 업로드의 후의 flvplayer.swf 의 주소를 알아내는 방법은

      rss아이콘을 티스토리계정에 업로드후에 주소를 알아내듯이, flvplayer.swf 파일도 주소를 알아내기만 한다면 되겠죠~

      http://www.jaea.net/604

      제가 이전에 쓴 이쁜 rss아이콘으로 바꾸는 방법을 참고하시면 방법을 알아낼수 있을겁니다/

  11. 안녕하세요 2009.04.05 00:52

    다운로드 받아서 따라해봤는데요 저 같은 경우 jw player를 계정에 올리고 플레이해보니 영상이 플레이되는 화면에 공유태그랑 광고아이콘?같은게 화면에 같이 보이네요. 재아님이 올려주신 티스토리 홍보영상엔 그런게 안보이는데요. 그런것 설정을 어찌하나요. 다운받아보니 player.swf가 어젠가 날짜로 수정되어있던데 혹시 그 사이 수정된것일까요.

    • 저도 말씀하신대로 받아서 계정에 두고 사용하고 있습니다.

      가끔 사용하긴 하는데요... 지금의 player.swf에 광고가 삽입되는지는 저도 확인을 안해봐서 모르겠지만..

      혹시나, 그런 이유라면 제가 이전에 받아둔건 드릴수 있습니다...

      버전업이 되어서 광고가 삽입이 되었는지에 대해서는 알아봐야겠네요!...

    • 안녕하세요 2009.04.05 16:56

      이번 업데이트 전의 jw 플레이어를 구해서 계정에 연결해보니...아무래도 이번 업데이트에 패치가 된 것이 맞는거 같습니다. 그게 아니면 옵션을 다른 방법으로 줄 수 있던가하겠지요. 제가 이쪽으론 무지해서 응용력이 제로다보니 다른걸 실험해보지는 못했네요.^^;;
      아무튼 좋은 글 잘 봤습니다~

  12. 비밀댓글입니다

    • jw플레이어는 flv라는 (플래쉬 동영상) 파일을 플레이 시키기 위한 하나의 플래쉬 파일입니다. 그럼으로 재생할수 있는 능력만 있지, 동영상은 전혀 포함이 되어 있지 않다고 먼저 생각을 하시면 됩니다.

      문의하신것처럼, 네이버나 다음 블로그등에서도 사용이 가능합니다. 다만, jw플레이어를 본 사이트에서 불러다 쓰느냐, 자신의 계정에 업로드후에 쓰느냐는 전적으로 본인 선택입니다.

      문의 하신내용중엔 멀티미디어 url 링크를 문의 하시는 주소는요~ 프리애그에서 동영상 flv를 포함시켜 덮어놓은 (프리애그의 광고나 플레이어가 같이 포함된 멀티미디어 주소지 ) 지금 여기서 우리가 필요로하는 flv 의 주소가 아니라는겁니다. 그러니, 당연히 jw플레이어에서 재생이 안되는겁니다.

      그럼 프리애그를 알려주신 저 주소의 소스는 어떻게 알아내는냐면요

      이런 멀티미디어 주소에서 동영상 원본의 flv 의 주소를 찾아 내는 방법은

      http://www.2getflv.co.kr/ 에서 통합검색에 지금 올려놓으신 멀티미디어 url 주소를 넣게 되면 맨 아래에 위 약관의 동의하에 다운이라는 버튼이 나오게 됩니다

      클릭을 하게되면
      Download Type(Save as..): Download Link2 - MouseRight -> 'Save as..'

      이 주소에 오른쪽 마우스를 누르게 되면 바로링크가 링크주소 복사라는게 보일텐데 그걸 클릭하게 되면 본래의 flv 주소가 복사가 됩니다.

      그걸 jw 플레이어 동영상 파일 주소에 넣어서 해보시면 될겁니다.


      swf는 동영상파일이 아닌 그냥 플래쉬 파일이라 생각하시고 플래쉬 동영상 파일은 flv 랍니다.

    • 비밀댓글입니다

    • 저도 해보니 안되는군요... 아무래도 다운은 되는데 flv 소스를 빼내는게 어렵나 보군요;;

      그렇다면 flv를 다운받아서 업로드후에 그 주소를 이용하셔도 됩니다.

      아니면은 ucc 다바다를 이용해서 http://shkam.tistory.com/78

      하는방법도 있으니, 한번 해보시기를~~;;

    • 비밀댓글입니다

    • flv의 파일의 업로드인 경우는 제가 현재 사용중인 티스토리 블로그에 스킨이나, 아니면

      글쓰기를 통하여 파일을 업로드 하시면 될것 같습니다.

      자신의 홈페이지 계정 (유료계정)이겠죠~ 쪽에 올리셔서 그 주소를 이용하셔도 될것 같고요`

      네이버나 다음에 업로드후에 주소가 연결되는지에 대해서는 저도 해보질 않아서 잘 모르겠습니다.

      mp3역시 주소만 알면 연결이 될것으로 생각이 드는데요~

    • 비밀댓글입니다

    • 사실 컴맹으로 하기에는 조금 고급기술편에 속합니다.

      소스도 알아야 하고, 동영상 flv 도 알아야 하며

      계정업로드 후에 ... 다시.. 그 주소를 알아야 하고, 태그도 어느정도는 알아야~~ 하니

      여간 .. 잡다한 지식을 조금씩은 알아야 한다는결론이네요~...

  13. 엠엔케스트 사용이 중단되어서.... 서버 업로드 하는 곳을 모르겠는데
    어떻게 해야합니까?

    • 이건 흔히들 생각하시는

      엠군, 앰엔캐스트와는 별개입니다..

      자신의 서버 그러니깐, 홈페이지 계정같은 서버를 말하는겁니다...

  14. 님..유튜브에서 바로 업로드해서 올릴려니 업로드가 안되요
    이거 가능한방법좀 갈켜주세요ㅠ

    • jw는 하나의 동영상을 플레이 해주는 소스일뿐이지 동영상 기능은 전혀 없습니다

      유투브에 동영상을 올리셨으면 유트브이 flv 주소를 알아낸후에 위처럼 다시 해보시길 바랍니다

      기본적으로 윈도우 미디어나 플래쉬 를 게시판이나 웹사이트에서 구동할수 있는 작은 지식은 있어야 됩니다.

  15. 어떻게 flv 주소를알아내나요........?

    • 위의 내용중에 flv 주소를 알아내는 방법에 대해서 써놓았는뎅, 잘 인읽어 보셨군요..

      닉네임이 12313님이신가요???

  16. 비밀댓글입니다

    • 되고 안되고의 문제는..jw플레이어는 문제가 없어 보입니다.

      다만 파일의 문제인듯 한데, 다른 계정에 올려보시거나 해보세요! 아니면 혹시 주소 부분에 오타가 있는지도 확인 해보시고요^^

      일단 다른 파일이 재생이 된다는건 소스 자체에는 문제가 없어보이고, 파일에 따라 재생이 되는것도 있고안되는것도 있는듯 합니다...

  17. 비밀댓글입니다

    • 소스코드는 맨 하단에

      4: Copy Your Code* << 이거 밑에 박스에 자동적으로 생성이 됩니다.

      그부분을 이용하셔서 자신의 홈페이지나 블로그 게시판에 html 해서 넣어주시면 됩니다ㅏ..

      플레이어가 까지 작동되면 문제는 없어보이네요!

    • 비밀댓글입니다

    • 그렇습니다.

      http://www.longtailvideo.com/players/ 에서 swf를 다운받아서 그걸 자신의 계정에 올리고 그 해당 swf에 대한 주소가 나올것입니다.

      소스에서 방금 올린 자신의 계정의 swf의 주소를 소스에서 변경하여 주시면 됩니다.

      더불어 swf를 어떻게 다운받냐고 물어보셨는뎅

      http://www.longtailvideo.com/players/jw-flv-player/

      이주소를 클릭하면 jw player 5.1 이라는 부분이 나오고 다운로드가 가능합니다.

      참고로 구버전은 동영상에 jw라는 마크가 표시가 안되지만 최신버전에서는 jw 로고가 동영상에 표시가 되는것으로 알고 있습니다.

댓글을 달아주세요!