rss
마루짱의 국내여행 사진블로그

네이버 블로그에 유튜브 동영상을 배경음악으로 달아볼까?

네이버 블로그가 폐쇄적인 블로그 형태라고 잘 알려져 있지만, 이건 또 되더라고요.
유튜브 동영상을 네이버 배경음악으로 설정하는 방법을 한번 알아보겠습니다.
유튜브는 embed 소스코드에서 사이즈/자동재생만 변경해서 위젯등록에 삽입하면 됩니다.

1. 원래의 유튜브 Embed 소스코드

<object width="425" height="344"><param name="movie" value="https://www.youtube.com/v/NhGmHL4RQMk&hl=ko_KR&fs=1&"></param><param name="allowFullScreen" value="true"></param><param name="allowscriptaccess" value="always"></param><embed src="https://www.youtube.com/v/NhGmHL4RQMk&hl=ko_KR&fs=1&" type="application/x-shockwave-flash" allowscriptaccess="always" allowfullscreen="true" width="425" height="344"></embed></object>




&autoplay=1&loop=1 값은 자동재생, 반복재생해주는 옵션입니다.


 2. 수정된 유튜브 Embed 소스코드

<object width="425" height="344"><param name="movie" value="https://www.youtube.com/v/NhGmHL4RQMk&hl=ko_KR&fs=1&"></param><param name="allowFullScreen" value="true"></param><param name="allowscriptaccess" value="always"></param><embed src="https://www.youtube.com/v/NhGmHL4RQMk&hl=ko_KR&fs=1&autoplay=1&loop=1" type="application/x-shockwave-flash" allowscriptaccess="always" allowfullscreen="true" width="170" height="140"></embed></object>


동영상 재생바를 보이고 싶지 않다면, width=0 height=0 하시면 됩니다.

실제로는 아래부분만 사용해도 됩니다.
<embed src="https://www.youtube.com/v/NhGmHL4RQMk&hl=ko_KR&fs=1&autoplay=1&loop=1" type="application/x-shockwave-flash" allowscriptaccess="always" allowfullscreen="true" width="170" height="140"></embed>

이제 수정된 유튜브 Embde 소스코드를 네이버 블로그 설정의 "위젯직접등록"을 통해 삽입합니다.
 

그러면 위젯이 등록이 됩니다. 자동재생, 반복재생을 해두었기 때문에 배경음악처럼 사용될 수 있습니다.
티스토리 블로그의 경우엔 JW Player를 이용하면 더 편리하게 만들 수 있습니다. 이런 방법이 불필요합니다.
네이버 블로그는 JW Player를 이용한 위젯은 달 수 없지만, 유튜브 소스코드 삽입은 가능합니다.


이 글과 관련된 글 :
2010/02/12 - [컴퓨터 Tip] - 유튜브 동영상 여러개 연속 재생하기 (유튜브 재생목록 활용하기)
2009/12/14 - [컴퓨터 Tip] - 유튜브 동영상 HD MP4 고화질 다운로드하기!
2009/12/20 - [컴퓨터 Tip] - JW player 하나면 모든걸 재생한다. 유튜브, MP3까지?
2010/01/15 - [컴퓨터 Tip] - 갑자기 유튜브 사이트내에서 재생이 정말 안된다면? 체크 3가지!
2009/03/28 - [컴퓨터 Tip] - 내 블로그에 뮤직비디오 위젯 달기! 3가지 방법!
2009/02/26 - [컴퓨터 Tip] - GDD FLV Player 소개 및 사용방법

댓글을 달아 주세요

  1. 이전 댓글 더보기
  2. 글렌피딕 2010.02.18 15:14 신고  댓글주소  수정/삭제  댓글쓰기

    네이버 블로그에 달아봤습니다^^ 이용해도 괜찮지요??

  3. 2010.02.22 15:01  댓글주소  수정/삭제  댓글쓰기

    비밀댓글입니다

    • 마루짱 님! 2010.02.22 16:38 신고  댓글주소  수정/삭제

      JW Player 자동재생은 &autostart=true 반복재생은 &repeat=always 입니다. 유튜브랑 달라요.

      그래서 예제 이렇게 해주시면 됩니다.
      <embed src="http://player.longtailvideo.com/player.swf" width="400" height="24" allowscriptaccess="always" allowfullscreen="true" flashvars="file=http://content.longtailvideo.com/videos/flvplayer.flv&autostart=true&repeat=always"></embed>

      위의 소스코드처럼autostart="true" 별도로 빼내서 적는게 아니고요.flashvars="여기" 속성안에 적는겁니다.

  4. 2010.03.09 19:56  댓글주소  수정/삭제  댓글쓰기

    비밀댓글입니다

  5. corday 2010.03.21 21:02  댓글주소  수정/삭제  댓글쓰기

    autoplay=1&loop=1
    했는데 반복재생이 안돼요ㅠㅠ
    (자동재생은 돼요)

    • 마루짱 님! 2010.03.13 22:44 신고  댓글주소  수정/삭제

      제가 테스트해봤는데요. &autoplay=1&loop=1" 작동이 잘 되는걸요.
      <embed 태그안에 있는걸 수정해야하고요. loop=1 뒤에 "가 빠졌는지 확인해보시고요. 흠;;

  6. 북캔 2010.03.25 22:50  댓글주소  수정/삭제  댓글쓰기

    ㅎㅎㅎ 좋은 정보 감사합니다. 바로 네이버 블로그에 달았습니다.
    완전 잘되네요^^ㅋㅋ

  7. 2010.04.14 18:24  댓글주소  수정/삭제  댓글쓰기

    수정된 embed주소 못 퍼가나요? 복사가 안되서...

  8. 2010.04.15 22:01  댓글주소  수정/삭제  댓글쓰기

    복사 허용 감사해요~!!!
    실례지만 어딜 어떻게 바꿔야 뮤직비디오가 바뀌나요??
    너무 많이 물어봐서 죄송해요ㅠㅠ

    • 마루짱 님! 2010.04.15 22:40 신고  댓글주소  수정/삭제

      가장 쉬운 방법 알려드리죠. 아래태그에서 NhGmHL4RQMk 요거만 님 동영상으로 바꿔주세요.

      <embed src="https://www.youtube.com/v/NhGmHL4RQMk&hl=ko_KR&fs=1&autoplay=1&loop=1" type="application/x-shockwave-flash" allowscriptaccess="always" allowfullscreen="true" width="170" height="140"></embed>

  9. heiret 2010.06.29 18:34  댓글주소  수정/삭제  댓글쓰기

    loudfusion이 막혀서 검색해서 들어와봤어요.

    블로그에 잘 달았습니다.

    너무 너무 너무 감사드려요 :)

  10. 고냉 2010.06.29 20:40  댓글주소  수정/삭제  댓글쓰기

    우와~ 이런 방법이 있다니, 정말 대박입니다.
    네이버에서는 계속 끊이지 않는 배경음악 되는군요.
    감사감사~

  11. 빠나나우유 2010.10.05 00:24  댓글주소  수정/삭제  댓글쓰기

    아ㅠ.ㅠ 너무 유용한 정보 고맙습니다.
    이렇게도 될까요?
    다른 포스트를 클릭하면 동영상이 처음 부터 재생이 되는데, 진짜 배경음악 쭉 재생이 되게요.
    이글 보다 저글 보다 하니까 동영상이 처음 부터 재생이 되서요^^
    아무튼 고맙습니다.~

    • 마루짱 님! 2010.10.05 02:03 신고  댓글주소  수정/삭제

      다른 포스트 이동시에도 이어서 재생되는거 말하나요?
      그렇게는 안됩니다. 다른 포스트로 가면 모든 페이지가 리로딩됩니다.
      네이버 뿐 아니라, 국내 블로그가 다 이런 형태입니다.

  12. tpqmsk 2011.06.10 22:33  댓글주소  수정/삭제  댓글쓰기

    마지막태그복사해서NhGmHL4RQMk를 제 동영상으로 고쳤는데....반복재생이안되요.ㅠ

  13. 고갱이 2012.01.21 12:08  댓글주소  수정/삭제  댓글쓰기

    이 포스트 정말 잘보고갑니다 ㅠㅠ
    정말 좋은거 배우고갑니다. 감사드려요!!!! 덕분에, 홈페이지에다가 배경음악을 달수가있게되었사와요 ㅎㅎ

  14. 크으 2012.02.26 17:15  댓글주소  수정/삭제  댓글쓰기

    다 되는데요.. 재생바에 시간이랑 옆에 전체보기 이런거 안보이게는 어떻게 하나요?
    그냥 재생버튼,볼륨버튼,재생바만 보이게 어떻게 하죠??ㅠㅠ

  15. 마루짱 님! 2012.02.26 17:52 신고  댓글주소  수정/삭제  댓글쓰기

    heght=30 해주시면 됩니다.

  16. 2012.04.16 05:46  댓글주소  수정/삭제  댓글쓰기

    비밀댓글입니다

    • 마루짱 님! 2012.04.16 23:34 신고  댓글주소  수정/삭제

      ?version=3 이부분을 없애 주십시오. 또는 <embed src="https://www.youtube.com/v/NhGmHL4RQMk&hl=ko_KR&fs=1&autoplay=1&loop=1" type="application/x-shockwave-flash" allowscriptaccess="always" allowfullscreen="true" width="170" height="140"></embed> 여기서 NhGmHL4RQMk만 바꿔서 사용하십시오.

  17. 으엉엉 2013.11.14 16:59  댓글주소  수정/삭제  댓글쓰기

    죄송한데 이제 네이버가 막아놨나요?안되서ㅠㅠㅠㅠㅠㅠㅠㅠㅠ

  18. 아아아아 2014.07.14 20:56  댓글주소  수정/삭제  댓글쓰기

    저기 했긴했는데 자동재생이 안되요 ㅠㅠ 그 alplay?인가 그걸0에서 1로 바꾸면된다고 누가 그러던데 alplay라는게 어디에 있는건가요,.

  19. 마루짱 님! 2014.07.18 15:36 신고  댓글주소  수정/삭제  댓글쓰기

    <embed src="https://www.youtube.com/v/Cwq-XdPfpeA&amp;hl=ko_KR&amp;fs=1&amp;&amp;autoplay=1&amp;loop=1" type="application/x-shockwave-flash" allowscriptaccess="always" allowfullscreen="true" width="170" height="150" /> 요렇게 해주시면 됩니다~ 잘 동작 됩니다.

  20. 2014.08.21 17:49  댓글주소  수정/삭제  댓글쓰기

    비밀댓글입니다

  21. 야빠빠 2014.08.21 17:51  댓글주소  수정/삭제  댓글쓰기

    배경음악이 나오긴하는데 게시물 선택할때마다 꺼지고 새로 켜지는데 게시글 선택해도 주욱 나오게하는방법은 아시나요?ㅎ