유투브 embed 공유 소스 코드 및 각종 코드 설정

유투브가 얼마전에 개편을 하면서 embed 공유 소스 코드는 지원하지 않으며 iframe 공유 소스 코드만 제공하면서 많은 분들이 불편함을 겪으셨을겁니다. 대부분의 인터넷 커뮤니티나 게시판등에서 iframe 태그는 금지 태그로 설정되어있기때문에 유투브 동영상을 퍼가는데 많은 문제가 발생하고 있습니다.

유투브에서 embed 방식의 동영상 재생 기능을 막은 것은 아니기 때문에 iframe 공유 소스 코드를 embed 방식의 공유 소스코드로 변환하시면 문제는 쉽게 해결할 수 있습니다. 이미 embed 공유 소스 코드로 유투브 동영상이 많이 공유되고 있기때문에 앞으로도 embed 공유 소스 코드의 기능은 유지 될것으로 예상됩니다. 그럼 바로 유투브의 각종 소스 코드를 알아보도록 하겠습니다.

동영상 공유 링크 소스로 빨간박스를 해둔 코드가 바로 해당 유투브 동영상의 고유주소입니다.

예전 embed 형식의 공유 소스 코드로 마찬가지로 고유주소를 보실 수 있습니다.

iframe 형식의 공유 소스 코드로 여기서도 고유주소를 보실 수 있습니다.

감이 잡히셨나요 바로 유투브 동영상의 공유 소스 코드에는 전부 고유주소가 들어가 있습니다. 고유주소가 이용하여 iframe 공유 소스 코드를 embed  공유 소스 코드로 변환하는 키포인트입니다. 아래 예제를 보시면 쉽게 이해되실겁니다.

공유하시고자하는 유투브 동영상의 고유주소를 참고하여 아래 코드에 대입하시면 됩니다.

<embed src="http://www.youtube.com/v/고유주소" type="application/x-shockwave-flash" width="가로길이" height="세로길이" allowscriptaccess="always" allowfullscreen="true"></embed>

 -유투브 동영상 재생 화질설정

240p 화질로 재생	&vq=light
360p 화질로 재생	&vq=medium
480p 화질로 재생	&vq=large
720p 화질로 재생	&vq=hd720
1080p 화질로 재생	&vq=hd1080

유투브 동영상을 재생하실때 기본 화질을 설정하는 소스 코드로 해당 화질을 지원해야 적용됩니다.

 -유투브 동영상 자동 재생 설정

동영상 자동 재생	&autoplay=1
동영상 수동 재생	&autoplay=0

유투브 동영상의 재생버튼을 클릭없이 바로 동영상이 재생되게 하실때 쓰는 소스 코드입니다.

 -유투브 동영상 시작 지점 설정

시작 지점 설정

&start=60

유투브 동영상을 재생하실때 시작지점을 지정하는 소스 코드로 단위는 초단위입니다.

 -유투브 동영상 반복 재생 설정

동영상 반복 재생	&loop=1
동영상 한번 재생	&loop=0

유투브 동영상을 반복 재생하실때 사용하는 소스 코드로 음악영상등에 사용하시면 좋습니다.

그럼 바로 위에서 알아본 유투브 동영상 재생의 각종 코드를 적용한 예제 소스 코드를 보도록하겠습니다.

<embed src="http://www.youtube.com/v/고유주소&vq=hd720&autoplay=0&start=0&loop=0" type="application/x-shockwave-flash" width="가로길이" height="세로길이" allowscriptaccess="always" allowfullscreen="true"></embed>

이상으로 유투브 동영상 공유에 쓰이는 소스 코드에 대해서 정리해보았습니다. 원리만 알면 누구나 간단하게 응용가능한 소스 코드들이니 어려운점은 없을겁니다.