정보

유튜브(YouTube) 음악 자동재생, 반복재생 포스팅하기

2012. 9. 19. 14:18

유튜브(YouTube)에 있는 노래나 음악들을 자동재생, 반복재생으로 포스팅하는 방법(퍼오기)을 알아보자.


우선 유튜브에 들어가서 포스팅하고자 하는 노래나 음악을 찾는다.


예시로 윤하 - 빗소리 를 찾았다.



각 동영상은 위에 그림과 같이 아래 공유버튼을 누르면 동영상 주소를 볼 수 있는 창이 열린다.


주소 옆에 소스코드를 누르면 소스코드 창이 열리면서 몇가지 옵션을 선택할 수 있다.


해당 동영상을 몇가지 옵션을 적용하여 포스팅하기 위해 위의 그림과 같이 이전 소스코드 사용에 체크한다.


사이즈는 원하는 사이즈를 선택하면 되는데, 여기서 안해도 별로 상관은 없다.


이렇게 생성된 소스코드를 보자.


<object width="480" height="360"><param name="movie" value="http://www.youtube.com/v/XFIvbghWSaQ?version=3&amp;hl=ko_KR&amp;rel=0"></param><param name="allowFullScreen" value="true"></param><param name="allowscriptaccess" value="always"></param><embed src="http://www.youtube.com/v/XFIvbghWSaQ?version=3&amp;hl=ko_KR&amp;rel=0" type="application/x-shockwave-flash" width="480" height="360" allowscriptaccess="always" allowfullscreen="true"></embed></object>


나머지 부분은 무시하고, 필요한 부분인 파란색으로 표시한 부분만 살펴보자.


<embed src="http://www.youtube.com/v/XFIvbghWSaQ?version=3&amp;hl=ko_KR&amp;rel=0" type="application/x-shockwave-flash" width="480" height="360" allowscriptaccess="always" allowfullscreen="true"></embed>


여기에 자동재생과 반복재생을 위해 몇가지 옵션을 추가하면 된다.


우선 옵션을 적용하기 위해 유튜브 플레이어의 버전을 3에서 2로 낮춘다.


<embed src="http://www.youtube.com/v/XFIvbghWSaQ?version=2&amp;hl=ko_KR&amp;rel=0" type="application/x-shockwave-flash" width="480" height="360" allowscriptaccess="always" allowfullscreen="true"></embed>


이제 유튜브 주소 사이에 자동재생을 위한 옵션 "autoplay=1" 을 추가한다.


자동재생이란 페이지가 뜨자마자 재생을 누르지 않아도 자동으로 재생이 되는 기능이다.


원하지 않으면 추가하지 않고 그대로 놔두면 된다.


<embed src="http://www.youtube.com/v/XFIvbghWSaQ?version=2&amp;hl=ko_KR&autoplay=1&amp;rel=0" type="application/x-shockwave-flash" width="480" height="360" allowscriptaccess="always" allowfullscreen="true"></embed>


이제 반복재생을 위한 옵션 "loop=1" 을 추가한다.


영상이 끝까지 재생되면 다시 반복해서 재생하는 기능이다.


마찬가지로 원하지 않으면 추가하지 않고 그대로 놔두면 된다.


<embed src="http://www.youtube.com/v/XFIvbghWSaQ?version=2&amp;hl=ko_KR&autoplay=1&loop=1&amp;rel=0" type="application/x-shockwave-flash" width="480" height="360" allowscriptaccess="always" allowfullscreen="true"></embed>


이렇게 해서 완성된 다음 코드를 포스팅할 때 HTML 형식으로 붙여넣고 포스팅하면 완료.


<embed src="http://www.youtube.com/v/XFIvbghWSaQ?version=2&amp;hl=ko_KR&autoplay=1&loop=1&amp;rel=0" type="application/x-shockwave-flash" width="400" height="300" allowscriptaccess="always" allowfullscreen="true"></embed>



결과 예시




참고로 영상의 크기를 조절하고 싶다면 width와 height의 값을 바꿔주면 된다.


화면은 가리고 재생막대만 보이게 하고싶다면 height 값을 25로 지정하면 된다.


<embed src="http://www.youtube.com/v/XFIvbghWSaQ?version=2&amp;hl=ko_KR&autoplay=1&loop=1&amp;rel=0" type="application/x-shockwave-flash" width="400" height="300" allowscriptaccess="always" allowfullscreen="true"></embed>

'정보' 카테고리의 다른 글

자유입출금 파킹통장 금리 비교  (0) 2023.03.23