👑 My thought 👑/For Wisdom

유튜브 링크 배경음악(BGM) 브금으로 삽입하기 (HTML)

반응형

 

우리가 살고 있는 현재의 세상 중 가장 이상적이면서 최강이라 할 수 있는 유일무이한 곳. 

구글은 정말 역대급 기업이라는 생각을 자주한다. 

 

전세계적으로도 예의주시하고 국가를 떠나 또 하나의 새로운 국가적 기업이 바로 구글이 아닐까 싶은데, 가장 잘 만들었다고 생각되는건 바로 '유튜브+유튜브뮤직' 서비스라는 생각이 든다. (*유튜브도 인수합병을 시킨 것이긴 하지만, 프리미엄 기능이 유튜브뮤직까지 된다는건 정말 개꿀인듯)

 

한국노래를 안듣는 입장에서 정말 멜론이나 웨이브 같은건 정말 최악이라는 생각이 들고, 그마저도 유튜브 뮤직에서 국가별 제한적 사용도 해줬으면 싶다. 추천 목록에 한국음악 있는거 정말 불편함.. 고객센터에 문의를 하니, 그 부분은 아직 제공이 안된다고 한다. (*아마 수익창출 입장에서 그 기능을 추가하진 않을 것으로 보여진다.) 

 

 

본론으로 들어가서 유튜브 링크를 사용하여 배경음악화 시키는 방법을 알아보겠다.

다른 블로그에서도 다양한 정보들을 찾아봤지만 원하는 스타일까지는 구현이 안되는 모양이다. 알아볼라면 알아보겠지만 귀찮아서 그냥 적당한 것으로 등록해둔다. (* 사실 내가 원하는 정보들을 기록하는 느낌이기 때문에 참고만 해보고 도움이 된다면 더 좋겠지만 아니면 어쩔 수 없다)

 

방법은 간단하다. 

우선 유튜브에서 원하는 영상을 찾아둔다.

 

 

Öldurót (Island Songs IV)(피처링: 아틀리 외르바르손, SinfoniaNord)

올라퍼 아르날즈

 

www.youtube.com/watch?v=-GSB_pyUvyA

 

테스트할 영상은 위와 같다. 

영상의 하단 '공유'버튼을 누르면 아래와 같이 나오는 링크이다.

 

 

위의 링크에서 " -GSB_pyUvyA " 에 대한 부분이 영상이 가진 공유 정보이니 반드시 기억해두길 바란다.

마찬가지로 찾은 영상에서 해당 부분만 사용하게 된다.

 

 ◀ 브금을 재생하시오!

 

현재 해당 화면과 같이 창을 구현하고자 하는데, 티스토리 사용자라면 아래와 같은 메뉴에서 html을 선택하여 창을 전환한 후 코드삽입 줄에 아래 추가해놓은 소스코드를 참고해서 영상 정보만 변경하여 사용하면 된다. (간단하다. 구태여 각 코드에 대한 정보는 소개하지 않겠다.)

 

유튜브 개발자 정보에서 각 코드가 가진 속성에 대해 확인하여 변경해볼 수 있겠으나, 구지 그렇게까지 귀찮게 안해도 반복재생을 원한다면 아래 링크만 참고하자. 영문 그대로 'autohide' 'autoplay' 이런 정보만 알면된다.

 

반응형

 

<embed src="https://www.youtube.com/v/-GSB_pyUvyA?version=3&autohide=0&showinfo=0&autoplay=1&playlist=-GSB_pyUvyA&hl=ko_KR&rel=0" type="application/x-shockwave-flash" width="300" height="25" allowscriptaccess="always" allowfullscreen="true"></embed>

하지만 여기서 주의해야할 점은 '자동재생'이 원활하게 제공되지 않는다는 점이 있다. 

 

무엇보다 '유튜브 광고'에 대한 점도 간과할 수 없겠는데, 유튜브 광고가 탑재된 영상의 경우 사전에 '광고'부터 나오게 되므로 이를 로직상 막아두었기 때문이다. 만약, 그에 대한 부분을 막고자 한다면 본인의 유튜브 채널에 '광고없이' 영상을 게재한 후 업로드한 영상을 위와 같은 소스에 넣어 게재하면 된다.

 

즉, 광고가 게재된 다른 영상을 BGM으로 쓰려고 백날 노력해봐야 헛고생이란 이야기가 된다.

 

 

 

반응형