유튜브 영상 퍼가기 후 자동재생/원하는부분/플레이리스트/하단 툴바없애기

웹개발자의/javascript

유튜브 영상 퍼가기 후 자동재생/원하는부분/플레이리스트/하단 툴바없애기

출처 : http://treefrog.tistory.com/91

유투브 동영상 퍼가고 다른 곳에 올릴때
자동재생, 원하는 부분부터 재생, 연속연상 재생등을 알아보겠습니다.

원하는 영상에서 공유 - 소스 코드 클릭하시면 소스가 보입니다.

<iframe width="640" height="360" src="http://www.youtube.com/embed/UYmwro7upvc" frameborder="0" allowfullscreen></iframe>

여기서 빨간색 부분이 영상의 고유 ID 입니다. 저 뒤에 몇 가지만 붙여 주면 됩니다.


1.자동재생하기 ?autoplay=1

2.원하는 부분부터 재생하기 ?start=70 (초로 계산합니다. 1분10초부터)

3.영상이어붙이기 ?playlist=고유ID,고유ID,고유ID...................
( , 콤마로 계속 붙여주시면 됩니다.)

고유ID는 / 다음 부분 입니다. 영상 마다 다 다르겠죠?

?는 맨 앞에 한 번만 붙여주시면 됩니다.

1번만 하겠다 하면은 ?autoplay=1 만 해주시면 자동재생 됩니다. 예)<iframe width="640" height="360" src="http://www.youtube.com/embed/UYmwro7upvc?autoplay=1" frameborder="0" allowfullscreen></iframe> 

1,2번만 원하는 경우에는 ?autoplay=1&start=70 이렇게 & 으로 이어 주시면 됩니다.예)<iframe width="640" height="360" src="http://www.youtube.com/embed/UYmwro7upvc?autoplay=1&start=70" frameborder="0" allowfullscreen></iframe>  

2,3번 다 원하는 경우에는 ?start=70&playlist=-vhe_6salIs,QkWjHO7aEac예)<iframe width="640" height="360" src="http://www.youtube.com/embed/UYmwro7upvc?start=70&playlist=-vhe_6salIs,QkWjHO7aEac" frameborder="0" allowfullscreen></iframe>   


원하는대로 응용이 가능하겠죠~?


HD로 재생 퍼가기를 한다면 HD로 재생에 체크를 하면 소스가 아래 처럼 됩니다.
<iframe width="1280" height="720" src="http://www.youtube.com/embed/UYmwro7upvc?hd=1" frameborder="0" allowfullscreen></iframe>

?hd=1이 자동으로 생성 되었으니 그 뒤로 & 하고 뒤에 원하는 명령 입력하시면 되겠죠~?
예)<iframe width="1280" height="720" src="http://www.youtube.com/embed/UYmwro7upvc?hd=1&autoplay=1&start=70" frameborder="0" allowfullscreen></iframe> 

좀더 편하게 하시려면 '동영상이 완료되면 추천 동영상 표시' 체크해제 해주시면

고유 주소 뒤에 ?rel=0 으로 주소가 바뀝니다. 그 뒤로 바로 &autoplay=1 등

원하는 방법 넣어주시면 됩니다.

예)<iframe width="560" height="315" src="http://www.youtube.com/embed/UYmwro7upvc?rel=0&autoplay=1" frameborder="0" allowfullscreen></iframe>

아래는 1,2,3,번을 모두 적용한 영상입니다.(예제보기 클릭)
*(자동재생되고 1분10초부터 시작 그리고 설정한 다른 영상 연속재생) 

예제보기

iframe 소스가 먹히지 않는 게시판이 있는데 (디시인사이드 등등..)
그럴때는 아래와 같이 하시면 됩니다. '이전 소스 코드 사용' 에 체크 하고

 
<embed ~ </embed> 부분만 사용합니다.
<embed src="http://www.youtube.com/v/UYmwro7upvc?version=3&amp;hl=ko_KR" type="application/x-shockwave-flash" width="853" height="480" allowscriptaccess="always" allowfullscreen="true"></embed> 

ko_KR 뒤로 원하는 것 &autoplay=1 / &start=시간 / &playlist=고유ID,고유ID......

하시면 됩니다. (HD로 재생이면 hd=1 뒤로 & 하고 붙이면 되고요)



정리 해보면

1.자동재생 >> &autoplay=1

2.원하는 부분부터 재생 >> &start=시간 (초단위로 계산 1분10초=70)

3.영상붙이기 >> &playlist=고유ID (여러개 붙이기는 , 콤마로 고유ID,고유ID, .....)

그 외

&showinfo=0 (상단제목 없애기)

&controls=0 (하단 컨트롤바 없애기)

도 있습니다.