유튜브를 브금 플레이어처럼 만들기(+자동재생,반복재생)

바쁜 사람들을 위한 요약:

1. 유튜브 업로드를 한다.

2. 동영상 주소창에 있는 코드를 본다. (예. http://www.youtube.com/watch?v=9bZkp7q19f0에서 9bZkp7q19f0 부분.)

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

유튜브코드라고 적힌 부분에다가 2번 코드를 복사해넣는다.

4. HTML 에디터에 통채로 복사+붙여넣기.

5. 완료.

유튜브 브금 플레이어 만들기

유튜브로 전환하게 된 이상 이제 이 유튜브를 브금형식으로 한번 만들어봅시다.

어차피 여긴 브금저장소이고, 재생바만 떡하니 나와있고 자동+반복재생만 되면 그냥 유튜브 쓰는게 낫습니다.

자 그럼 한번 해볼까요?

예시로 싸이의 강남스타일을 해보겠습니다.

*주의 강남스타일은 예시입니다. 국내 음원은 그냥 공식 동영상을 그대로 퍼와주세요.

http://www.youtube.com/watch?v=9bZkp7q19f0

들어가면 아래와 같은 페이지가 보일겁니다.

 

 

딱히 뭐 원곡인증따위 안해도 되겠죠?

뭔가 수상한 다운로드 버튼이 있지만 상관없어! 공유를 눌러줍시다.

 

 

URL 주소가 보일건데, http://youtu.be/ 부분을 http://www.youtube.com/watch?v=로 바꿔서 BGM주소 부분에다가 붙여넣기 해두세요.

뭔지몰라도 형식은 저렇게 하라네요.

이제 소스 코드를 눌러주세요.

 

 

동영상 채로 퍼올려면 그냥 저걸 복사해서 HTML 소스에다가 집어넣으면 되지만, 제가 원하는건 모양바꾸기+자동재생+반복재생이니 저거가지곤 성에도 안찹니다.

이전 소스 코드 사용에 체크를 해주세요.

 

 

소스가 확 바뀌었죠? 저걸 복사해서 HTML 편집기에다가 붙여넣기합니다.

 

 

이렇게요. 복잡하지만 embed 빼곤 다 필요없습니다. <embed> </embed>라고 된 부분 빼고는 앞뒤로 날려주세요.

그럼 아래처럼 되겠죠?

 

이제 저걸 수정합니다. 아래 3단계를 그대로 따라해주세요.

1.src=""이라고 된 부분에다가 적혀있는 주소가 보이시죠?

version=3을 version=2로 바꿔주세요. 유튜브 재생 버전을 바꾸는겁니다.

2.그리고 ko_KR&이라고 된 부분 뒤에 autoplay=1&loop=1& 을 넣어주세요.

자동재생부분이 autoplay=1 이고 반복재생이 loop=1입니다. 빼고싶으면 빼셔도 됩니다.

3.width="" height="" 여기 숫자를 각각 300, 25로 바꿔주세요.

동영상 크기를 변환할때도 저 숫자만 바꿔주면 바꿔집니다.

그럼 아래와 같은 소스 코드가 됩니다.

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

아예 이걸 갖다가 9bZkp7q19f0이라고 된 부분만 동영상 코드로 바꿔줘도 됩니다.

이제 HTML모드가 아니라 에디터 모드로 가봅시다.

 

훌륭한 브금 플레이어가 됩니다.

아래는 크기만 바꾼 동영상 예시입니다. 예시를 잘못 들었네요;;

by 데반