유튜브 자동 재생/반복 태그 사용법, 플레이어만 보이게 하기, 이전 소스 코드를 사용해도 새 UI(User Interface)로 뜨는 것 해결법

유튜브는 영상을 소스로 퍼갈 때 두 가지의 UI를 제공한다.

위가 예전 UI고 아래가 새로운 UI인데

 
위의 사진처럼 영상 밑의 메뉴 중 1,2번을 차례로 누른 후 뜨는 옵션 중 이전 소스 코드 사용에 체크를 하고 안하고의 차이로 UI를 선택할 수 있다. 체크를 하면 이전 UI, 하지 않으면 바뀐 UI로 동영상이 뜨고 하는 식이다.

물론 새로운 UI가 훨씬 부드럽고 세련되어 보이고 여러 부가기능도 추가되었지만 (자세한 것은 http://blog.naver.com/ssoowoo?Redirect=Log&logNo=50089214365 에 친절하게 설명되어 있음) 내가 이전 UI를 선호하는 이유가 있는데, 바로 예전 UI는 동영상의 자동 재생과 반복 기능 태그가 가능하다는 것이다. 물론 새 UI도 자동 재생 태그가 가능하기는 하지만 반복 태그가 먹히지 않기 때문에 두 가지 태그를 모두 사용하는 사용자는 이전 UI를 많이 사용하게 될 수 밖에 없다.

그런데 언제부터인진 모르겠는데 이전 소스 코드를 사용해도 영상이 새 UI로 뜨기 시작한다. 오류인가도 생각해봤지만 그건 아닌 것 같고 유튜브에서 새 UI를 사용하게 하려고 바꿔놓은 것 같은데 평소에 이전 소스 코드 사용만 누르면 자연스레 이전 UI로 뜰 거라 생각했던 나는 꽤 당황스러웠다. 하지만 이것저것 살펴본 결과 이전 UI는 다행히도 사라진 게 아니었고 소스만 바꾸면 이전 UI로 영상이 뜨게 할 수 있다.


<object width="1280" height="750"><param name="movie" value="http://www.youtube.com/v/mFNaFeIm4bU?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/mFNaFeIm4bU?version=3&amp;hl=ko_KR&amp;rel=0" type="application/x-shockwave-flash" width="1280" height="750" allowscriptaccess="always" allowfullscreen="true"></embed></object>

이 태그는 Tyler, The Creator의 She M/V 태그인데, 길고 복잡해 보이지만 실제 태그로 삽입할 땐 불필요한 태그는 지워버려도 괜찮다. 빨간색 부분을 전부 지워버려도 영상은 정상적으로 뜨고 태그를 수정하기도 간편하다.

아무튼 불필요한 부분을 삭제해버리고 난 후 <embed src="http://www.youtube.com/v/mFNaFeIm4bU?version=3&amp;hl=ko_KR&amp;rel=0" type="application/x-shockwave-flash" width="1280" height="750" 만 남게 되는데, 뒤에 '>' 는 안 붙여도 상관 없지만 일단 붙여주면 <embed src="http://www.youtube.com/v/mFNaFeIm4bU?version=3&amp;hl=ko_KR&amp;rel=0" type="application/x-shockwave-flash" width="1280" height="750"> 의 형태가 된다.

-여기서 이전 UI로 사용하고 싶다면 version=3 부분을 삭제해주면 간단히 해결된다.

-자동 재생 태그는 &autoplay=1 이고 반복 태그는 &loop=1 이다. 영상의 아무 부분에나 태그를 삽입해주면 되는데(난 보통 &amp 앞에 붙여넣는 식으로 한다) 자동 재생만 입히고 싶다면 &autoplay=1만 넣고 둘 다 하고 싶으면 &autoplay=1&loop=1 을 넣어주면 된다. 예시를 들면

<embed src="http://www.youtube.com/v/mFNaFeIm4bU?&amp;hl=ko_KR&autoplay=1&loop=1&amp;rel=0" type="application/x-shockwave-flash" width="1280" height="750">

이렇게 영상을 넣으면 글을 클릭하자마자 플레이 버튼을 누르지 않아도 자동 재생되고, 영상이 끝나면 저절로 반복된다.

참 쉽죠?

-마지막으로, 음악을 유튜브로 올려주는 블로그를 구경하다보면 영상은 없고 플레이어만 뜨게 하는 방식으로 해 놓는 블로그들이 많은데 네이버 블로그 같은 경우 영상의 크기를 조절할 수 있게 되어있어 그렇게 조절하는 경우도 있지만, 간단하게 태그로도 조절이 가능하다. height(높이) 부분 숫자를 '25'로만 바꿔주면 된다. width(너비) 부분은 영상 위에 사진을 달아놓았을 경우 사진과 영상 너비를 맞추고 싶은 경우 조절하면 된다.

참고로 width는 200으로 했을 때가 제일 깔끔하고 예뻐보인다.(이전 UI 기준)

예시 ) <embed src="http://www.youtube.com/v/mFNaFeIm4bU?&amp;hl=ko_KR&amp;rel=0" type="application/x-shockwave-flash" width="200" height="25">