유툽 영상은 정말 방대하죠. 뭘 어떻게 찾아서 활용하느냐에 따라 유툽의 활용 가치는 많이 달라집니다.
저도 가끔 유게에 유툽 영상을 올리곤 하는데 간단한 팁이 있어 자게에 올려 봅니다.



1. 몇분 몇초부터 보세요~ 여러분의 시간은 소중하니까요!

유툽의 영상들 중 시간이 꽤 긴 영상들이 있는데 그중 자신이 말하고자 하는 특정 시간대부터 플레이 하는 방법입니다.

아래는 아이유의 'Love Attack' 직캠인데 중간에 팝핀(?)을 하는게 나옵니다. (약 1분 55초경)
그 부분부터 플레이 되는 걸 알아 보죠.



일단 소스는...

<object style="height: 390px; width: 640px"><param name="movie" value="http://www.youtube.com/v/s6MQCXsB22E?version=3"><param name="allowFullScreen" value="true"><param name="allowScriptAccess" value="always"><embed src="http://www.youtube.com/v/s6MQCXsB22E?version=3" type="application/x-shockwave-flash" allowfullscreen="true" allowScriptAccess="always" width="640" height="390"></object>

위의 소스중 특별히 고쳐야 할 부분은 없습니다. 단지 하나만 추가하시면 됩니다.
위의 굵게 표시된 주소부분 끝에

&start=플레이 하고자 하는 시간

을 추가 하시면 됩니다.
이렇게...

<object style="height: 390px; width: 640px"><param name="movie" value="http://www.youtube.com/v/s6MQCXsB22E?version=3&start=115"><param name="allowFullScreen" value="true"><param name="allowScriptAccess" value="always"><embed src="http://www.youtube.com/v/s6MQCXsB22E?version=3&start=115" type="application/x-shockwave-flash" allowfullscreen="true" allowScriptAccess="always" width="640" height="390"></object>

위 소스를 적용하면 아래처럼 플레이 됩니다.





단!
초로 계산해야 합니다. 1분 55초면 115초니까 숫자를 115로 넣습니다.
분으로 넣는 방법은 저도 잘 모릅니... 왜냐하면 전 전문 프로그래머가 아니기 때문입니... ㅡㅡ;

이왕 하는 거 하나 더 배워 봅시다.



2. 뭐? 유툽영상을 배경음으로 사용한다고?

이것도 그리 어렵지 않습니다.



위 영상은 '유희열의 스케치북'에서 아이유가 불렀던 'Almost Lover'란 곡인데 개인적으로 수많은 아이유의 팝송을 들어 봤지만 이 곡이 가장 마음에 드네요. 각설하고 일단 소스는 아래와 같습니다.

<object style="height: 390px; width: 640px"><param name="movie" value="http://www.youtube.com/v/Uai1R_Wsxro?version=3"><param name="allowFullScreen" value="true"><param name="allowScriptAccess" value="always"><embed src="http://www.youtube.com/v/Uai1R_Wsxro?version=3" type="application/x-shockwave-flash" allowfullscreen="true" allowScriptAccess="always" width="640" height="390"></object>

우리가 만들려고 하는 건 결론적으로 이걸 만들고자 함 입니다.



영상이 없어졌죠? 어떻게 해야 할까요?
간단합니다. width와 height를 수정 하면 됩니다. 아래와 같이...

<object style="height: 25px; width: 200px"><param name="movie" value="http://www.youtube.com/v/Uai1R_Wsxro?version=3"><param name="allowFullScreen" value="true"><param name="allowScriptAccess" value="always"><embed src="http://www.youtube.com/v/Uai1R_Wsxro?version=3" type="application/x-shockwave-flash" allowfullscreen="true" allowScriptAccess="always" width="200" height="25"></object>

그러면 이렇게 나옵니다.



근데 문제는 타임라인도 안 나오고 별로 깔끔하지 않죠?
그래서 하나를 더 수정 합니다. 주소부분 끝에 보면 'version=3'이라고 되어 있는데 이걸 'version=1'로 수정합니다. 아래처럼...

<object style="height: 25px; width: 200px"><param name="movie" value="http://www.youtube.com/v/Uai1R_Wsxro?version=1"><param name="allowFullScreen" value="true"><param name="allowScriptAccess" value="always"><embed src="http://www.youtube.com/v/Uai1R_Wsxro?version=1" type="application/x-shockwave-flash" allowfullscreen="true" allowScriptAccess="always" width="200" height="25"></object>

그러면 이렇게 나옵니다.



깔끔하죠?

여기에 게시물을 클릭했을때 자동으로 재생되게 하고 싶다면 빨간 글씨를 추가합니다.

<object style="height: 25px; width: 200px"><param name="movie" value="http://www.youtube.com/v/Uai1R_Wsxro?version=1&autoplay=1"><param name="allowFullScreen" value="true"><param name="allowScriptAccess" value="always"><embed src="http://www.youtube.com/v/Uai1R_Wsxro?version=1&autoplay=1" type="application/x-shockwave-flash" allowfullscreen="true" allowScriptAccess="always" width="200" height="25"></object>

어때요? 참 쉽죠?

자... 그러면 응용해 봅시다.
아이유의 'Almost lover' 영상을 배경음으로 만들고 특정시간(100초)부터 자동으로 플레이 하고 싶다면?

소스를 아래처럼 수정하면 되겠지요?

<object style="height: 25px; width: 200px"><param name="movie" value="http://www.youtube.com/v/Uai1R_Wsxro?version=1&start=100&autoplay=1"><param name="allowFullScreen" value="true"><param name="allowScriptAccess" value="always"><embed src="http://www.youtube.com/v/Uai1R_Wsxro?version=1&start=100&autoplay=1" type="application/x-shockwave-flash" allowfullscreen="true" allowScriptAccess="always" width="200" height="25"></object>

별로 재미 없는 글 끝까지 읽어 주셔서 감솨합니다!
그럼 전 이만... 휘리릭~~~