자동재생..에 무한반복으로 유튜브 동영상 듣기

★(파일로 소스자료 첨부)- 혹시라도 다운로드 되시지 않는다면 네이버 N드라이브로 다운로드 하시면 될 겁니다!!

 

 

자동재생..에 무한반복으로 유튜브 동영상 듣기.

(유튜브 인터페이스가 변경된 부분으로 인해 이전 포스팅 내용을 삭제처리 하며 일부 변경된 점이 있기에 재편집 합니다^^)

 

예제로 Kansas....Dust in the Wind 곡을 사용하겠습니다.

 

앞서 소개한 유튜브 동영상을 MP3로 바꾸기 위해서 해당 동영상 주소가 필요로 했지만

이번엔 동영상 소스가 필요합니다.

 

동영상 소스를 얻기 위해서 이미지 표시된 번호순으로 절차를 거치시면 동영상 소스를 얻을 수 있습니다.

메모장을 열어 소스를 복사하여 옮겨 놓으시고

 

소스를 보자면

 

 

얻어진 유튜브 동영상 소스를 가만보면 오브젝트 소스와 임베드 소스가 한데 어울려 있습니다.

불 필요한 소스를 좀 가볍게 만들어 보겠습니다.

 

지워도 될 부분 있어요. (물론 안 지워도 상관은 없습니다!) 임베드 소스만 추출합니다.

 

걸러냈더니 임베드 소스만 남았죠^^ 아래 결과입니다.(소스는 파일로 첨부!)

 

 

플레이어에 플레이바를 클릭하시면 동영상이 선곡됩니다^^;   별로 재미없죠^^

 

자동 재생 방법은 덧붙여 설명을 드릴 것이고 이보다도

 

꼭 알아 두셔야 할 중요한 부분은 유튜브 동영상 소스에 어느 경우가 되든 동영상 주소가 포함되어 있습니다.

바로 연두색으로 표시된 http://www.youtube.com/v/bSZIq1Fr--8?version=2&hl=ko_KR 로 끝나는 부분까지가

실제 동영상 주소가 되는 것이죠.

 

결국 다른 유튜브 동영상이라도 http//~~~~~~~~~ko-kR까지만 복사하고 이뒤로는 해당 변환 소소를 바꾸어 삽입해 주시면 해당 동영상이 플레이 됩니다^^

 

자~ 그럼  이소스를 이용해 유튜브 동영상 무한 //자동 재생을 만들어 보겠습니다^^

 

★[유튜브 무한 /자동재생 만들기] Kansas....Dust in the Wind

 

Dust in the Wind 동영상 소스에 포함된

동영상 주소 http://www.youtube.com/v/bSZIq1Fr--8?version=2&hl=ko_KR 죠^^.

 

무한/자동 반복 소스(메모장에 복사하여 원하는 동영상에 연결만 하시면 됩니다.)

 

&fs=1&autoplay=1&loop=1&hl=en_US&fs=1&color1=0x5d1719&color2=0xcd311b width=438 height=340 type=application/x-shockwave-flash allowfullscreen="true" AllowHtmlPopupwindow="true" enableHtmlAccess="true" allowNetworking="all" x-x-allowscriptaccess="always" invokeURLs="false" EnableContextMenu="false" autostart="true">

 

플레이 되게끔 하려면 embed(임베드)소스를 활용.....위 소스를 합쳐 변경 적용해 보면

 

 

위의 소스가  무한. 자동실행 동영상소스로 메모장에 전체 복사 하셨다가 두고 두고 활용하시면 될 겁니다.

각기 다른 유튜브 동영상 소스안에 첨부된 "동영상 주소"(연두색)만 변경해 주시면 되겠지요.

 

 (파일로 자료 첨부)- 혹시라도 다운로드 되시지 않는다면 네이버 N드라이브로 다운로드 하시면 될 겁니다.

 

참고로 주소는 어떤 동영상이던지 http://www.youtube.com시작해서~~~ko_KR까지만이라는걸 염두해 두시기 바랍니다^^(중요)

 

위 소스를 태그장을 이용하시거나 블로그 HTML 태그로 올려 놓으시면

 

 

결과입니다(무한//반복 //플레이바까지 변경 했습니다)

.................................................................................................................................................................................................................................................................................

 

★플레이바 색상 변경 소스는 해당 소스중에

http://www.youtube.com/v/bSZIq1Fr--8?version=2&hl=ko_KR&fs

 

혹시라도 version=2 가 아닌 version=3 라면 꼭 version=2로 바꾸어 주셔야 플레이바 색상이 변합니다^^

..................................................................................................................................................................................................................................................................................

 

★ 위 동영상을 html소스로 내 블로그 위에 올려 플레이 되게끔 하는 방법  (네이버 블로그 포스팅시 ...모르시는 분이 있더군요^^..ㅠ.ㅠ)

해당 되지 않으시는 분은 그냥 넘어 가시면 되겠습니다.

 

★ 내 블로그에 동영상 올리기(유튜브 동영상 무한/자동반복/플레이바 변경)

 

1번 이후 2번 순차적으로

 

 

1번 실행후

 

해당 동영상이 플레에가 자동으로 된다면 성공입니다.

 

★[동영상 화면 제거하고 플레이바만 보이는 무한 자동반복 소스

    (파일로 자료 첨부)- 혹시라도 다운로드 되시지 않는다면 네이버 N드라이브로 다운로드 하시면 될 겁니다.

 

플레이바 높이만 수정  HEIGHT: 340px.→ HEIGHT: 25px  변경

 

 

 

이런 결과물이 나옵니다^^.

 

 

다음은......

 

★[플레이어 안 보이게 하면서 무한 반복,자동재생 소스]

 (파일로 자료 첨부)- 혹시라도 다운로드 되시지 않는다면 네이버 N드라이브로 다운로드 하시면 될 겁니다.

 

가로"0" 세로"0"로 바꾸어 주기만 하면 됩니다^^

결과 소스

 

 

 

이렇게 유튜브 동영상을 소스에서 일부 변경하여

색다르게 적용해 보았습니다.

 

적용사례는  파일로 첨부했으니 메모장에 잘 보관 하셨다가 동영상 소스 주소만 바꾸어 주시면서

유용하게 활용하시기 바랍니다~~~~^^