티스토리 유투브(Youtube)자동재생 반복재생 완벽 TIP

유투브 동영상을 플러그인을 이용하면 쉽게 동영상을 올릴 수 있다.

하지만 자동 재생 반복 재생등 좀 더  디테일한 설정을 해 줄 수 있는데 조금 복잡하지만

한번 해보면 쉽게 할 수 있으니 따라해 보자~

 

 

 

유투브 자동재생 반복재생 완벽 TIP

 

 

 

먼저 유투브로 가서 원하는 동영상을 클릭한다.

 

1. 동영상 아래쪽에 공유를 클릭~

2. 아래 소스코드를 클릭~

3. 모든체크는 꺼주고 동영상 크기도 원하는 사이즈로 선택한다.

4. 위 이미지의 텍스트 부분을 모두 선택해서 복사 해준다.

 

 

 

 

 

 

 

 

5. 우선 티스토리에서 글쓰기 버튼을 누른후 우측위쪽에 HTML 체크표시를 켜준다.(체크 활성화)

6. 그리고 좀전에 복사한 코드를 그대로 붙여 넣기 해보자 .

 

복사 하면 보통

 <iframe width="640" height="480" src="//www.youtube.com/embed/ZH8BYNwmR5Q?rel=0" frameborder="0" allowfullscreen></iframe>

이런 내용이 복사 될것이다.

 

 

이대로 붙여넣기 하면 그냥 일반 재생이 된다. 우리가 원하는건 자동 재생 반복재생~

붙여논 소스 사이에 아래와 같은 코드를 넣어준다.

 

&amp;autoplay=1&amp;loop=1

 

위치는 ▽

<iframe width="640" height="480" src="//www.youtube.com/embed/ZH8BYNwmR5Q?rel=0&amp;autoplay=1&amp;loop=1" frameborder="0" allowfullscreen></iframe>

 

 

붙여넣기후 활성화했던 HTML체크표시를 다써 꺼주자 (비활성화)

 

 

 

 

- 끝 -

자동재생Ok 반복재생 OK  ㅋㅋ 

 

 

 

 

 

그런데 자동재생은 잘되는데 반복재생은 안되신다구요??

 

 

반복재생이 안될때는 playlist 태그를 넣어주면 된다.

embed/ 뒷부분이 바로 동영상파일네임이다. ?rel=0 앞까지 복사해준다.

 

 

예를 들면

//www.youtube.com/embed/ZH8BYNwmR5Q?rel=0

 

붉게 강조한 부분을 복사~!

 

 

아까 붙여 넣기 했던  &amp;autoplay=1&amp;loop=1 뒤에

;playlist=ZH8BYNwmR5Q

를 붙여 준다~~

 

 

그럼 결과적으로

 

<IFRAME height=480 src="//www.youtube.com/embed/ZH8BYNwmR5Q?rel=0&amp;autoplay=1&amp;loop=1;playlist=ZH8BYNwmR5Q" frameBorder=0 width=640 allowfullscreen></IFRAME>

 

이렇게 코드가 만들어 지고 다시 HTML 체크 박스를 끈후 저장하면

자동 반복 무한반복 진짜 ㅇㅋ

 

 

 

참 쉽죠잉?????

출처 : http://siren7.tistory.com/5