유튜브 Embed 작성 소스

1. 조금 크게 보이고 강제로 720p로 보이게 하고 싶을 때

2. 시작 시간을 변경

3. 시작/종료 구간

4. 플레이어 숨기기

5. 밝은 테마 플레이어

6. 음악 재생 스타일

7. 기타

7.1. 썸네일 주소

1. 조금 크게 보이고 강제로 720p로 보이게 하고 싶을 때 #

주요 옵션: flashvars="hd=1&vq=hd720"

※ &hd=1만 있으면 재생 크기(가로, 세로)에 따라 최적 품질로 변경.
&vq=는 강제로 변경.

<embed src="http://www.youtube.com/v/FhDZxNL5Zck?version=3&autohide=2" flashvars="fs=1&hd=1&vq=hd720" type="application/x-shockwave-flash" allowscriptaccess="always" allowfullscreen="true" width="850" height="450" />

2. 시작 시간을 변경 #

주요 옵션: &start=

※ 파라미터에 주소창에서처럼 &t=를 쓰는 것이 아니라 &start=를 사용해야 함.

<embed src="http://www.youtube.com/v/jj8cZ-dgpyc?version=3&amp;hl=ko_KR&amp;start=195" flashvars="fs=1&hd=1&vq=hd720&start=195" type="application/x-shockwave-flash" width="640" height="390" allowscriptaccess="always" allowfullscreen="true" />

3. 시작/종료 구간 #

주요 옵션: &start= &end=

<iframe frameborder="0" height="460" src="https://www.youtube.com/embed/Obfg3hGgN2Q/v/?start=871&amp;end=960&amp;autoplay=0&amp;vq=highres&amp;rel=0?wmode=transparent" width="820"></iframe>

4. 플레이어 숨기기 #

주요 옵션: &controls=0&showinfo=0

※ 자동 시작 autoplay=1

<embed height="360" type="application/x-shockwave-flash" width="480" src="http://www.youtube.com/v/mQKgLR1X4-k?version=3&autoplay=1&controls=0&showinfo=0&hl=ko_KR&vq=hd720" allowfullscreen="true" allowscrip1taccess="always">

5. 밝은 테마 플레이어 #

주요 옵션: &theme=light

<embed src="//www.youtube.com/v/FhDZxNL5Zck?showinfo=0&amp;fs=0&amp;rel=0&amp;theme=light" type="application/x-shockwave-flash" width="560" height="315" allowscriptaccess="always" allowfullscreen="true">

6. 음악 재생 스타일 #

<iframe src="//www.youtube.com/embed/hrLSe9h7q8A?showinfo=0&amp;controls=2&amp;autohide=0&amp;vq=small" frameborder="0" height="35" width="320" allowfullscreen=""></iframe>

7. 기타 #

7.1. 썸네일 주소 #

http://img.youtube.com/vi/[id]/[type].jpg

예)
http://img.youtube.com/vi/[id]/hqdefault.jpg 고품질(480x360)
http://img.youtube.com/vi/[id]/sddefault.jpg 표준(640x480)
http://img.youtube.com/vi/[id]/maxresdefault.jpg 최대 해상도

Document

Contents