스크랩 유튜브 동영상 태그 활용 강좌

[소화데리사]

유튜브 동영상 태그 활용 강좌 

첫번째 방법은 제가 주로 사용하는 방법으로 JW플레이어에 유투브 로고를 없애고 커스텀된 플레이어 틀(http://cfile238.uf.daum.net/media/2453054252EE6CC8043C3A)을 사용합니다.

유투브 로고도 없애면서 유투브와는 별개의 스킨을 사용할수 있다는게 장점입니다.

최신 핸드폰에서는 UCC브라우져를 설치하고 어도비 플레시플레이어를 설치해야 볼 수있음

1. 유튜브 태그소스

자동재생, 반복재생, 광고없음, 로고없음(마우스 동영상에 올리면 나타남),

플레이바 자동숨김(마우스 동영상에 올리면 나타남), Full Screen 기능

<CENTER>
<TABLE borderColor=#696969 height=575 cellSpacing=5 width=1024 border=1>
<TBODY>
<TR>
<TD><EMBED type=application/x-shockwave-flash height=575 width=1024 src=http://smarturl.it/ytplayer flashvars="file=http://youtu.be/FLlEAOSqlnM&amp;menu=false" allowfullscreen="true" menu="0"></TD></TR></TBODY></TABLE>

---

두번째 방법은 유투브에서 제공하는 태그를 활용해서 소스를 조합해 만들어 사용하는 것입니다.

                                                    
ps=blogger             -> 로고 없어짐, 우클릭메뉴 없어짐

showinfo=0            -> 상단 정보바 삭제

controls=0             -> 하단 컨트롤바 삭제

cc_load_policy=0    -> 자막 삭제

iv_load_policy=3    -> 영상위에 뜨는 홍보영상 삭제

vq=hd720             -> 720p 화질로 재생

rel=0                   -> 영상종료후에 관련영상 안뜨게 하기

autoplay=1           -> 자동 재생

fs=0                   -> 풀스크린 버튼 삭제

start=60               ->  60초부터 시작하게 하기

&loop=1;playlist=SJMNufq57cU  -> 반복 재생 (플레이 리스트를 만들어서 유튜브 고유주소를 넣어줘야 반복재생이 되네요)

흐미 반복 재생이 안되서 이거 작업하느라 태그소스 이것 저것 대입 하느라 겁나게 노가다 했네요 ~ㅋ

반복재생 결국 성공 했어요 ... 이제 플레이바 없고 모든 기능이 다 되는 태그소스 사용할 수 있게 됬어요 ㅎㅎㅎ

최신 핸드폰에서 볼 수있음 다음 엡에서 플레이 버튼 클릭하면 유튜브 동영상으로 재생됨

핸드폰 가로보기 설정되어 있을때  가로보기 하면 자동으로 전체 화면보기로 바뀜니당 ㅎㅎ ~^^

2. 유튜브 태그소스

자동 재생, 반복 재생, 광고없음, 로고없음(마우스 동영상에 올리면 나타남),

플레이바 없음, Full Screen 기능(동영상에 마우스 더블 클릭하면 전체화면 보기됨)

<TABLE borderColor=gray cellSpacing=5 cellPadding=5 width=1024 background=http://cfile246.uf.daum.net/image/187D04414EAA96532CB4A1 border=5>
<TBODY>
<TR>
<TD><EMBED type=application/x-shockwave-flash height=575 width=1024 src="http://www.youtube.com/v/SJMNufq57cU? ps=blogger&amp;showinfo=0&amp;controls=0&amp;vq=hd720&amp;rel=0&amp;iv_load_policy=3&amp;autoplay=1&loop=1;playlist=SJMNufq57cU" allowfullscreen="true"></TD></TR></TBODY></TABLE>

2번 태그 적용 동영상

빨간색 숫자는 해상도 크기 입니다. 동영상 크기에 맞게 수정하세요.

유튜브 주소 빨간색 글자와 플레이 리스트에 유튜브 고유주소를 수정하세요

파란색 글자는 동영상 테이블 태그 입니다. 아시는 분만 수정해서 사용하세요.

영수샘님이 올려주신 황금색 테이블 소스에 태그 적용 스샷(아래 소스 사용하시면 됩니다.)

<TABLE style="BORDER:#ffffff 5px solid; FILTER: progid:DXImageTransform.Microsoft.Shadow(color:#cccccc,direction:145,strength:15);HEIGHT: 15pt" cellSpacing=3 cellPadding=15><table background="http://cfile26.uf.tistory.com/image/1259923E4E97A4EF0900B2" bordercolor="#cccccc" border="5" cellspacing="5" cellpadding="5">
<TBODY>
<TR>
<TD><EMBED type=application/x-shockwave-flash height=575 width=1024 src="http://www.youtube.com/v/SJMNufq57cU? ps=blogger&amp;showinfo=0&amp;controls=0&amp;vq=hd720&amp;rel=0&amp;iv_load_policy=3&amp;autoplay=1&amp;loop=1;playlist=SJMNufq57cU" allowfullscreen="true"></TD></TR></TBODY></TABLE>