본문 바로가기

Story/html/css

Youtube 연속재생 loop

반응형

youtube 를 자신의 홈페이지등에 넣고싶을때 youtube 에서 공유 > 소스코드 에서 다음과 같은 코드를 받아서 사용을 한다.

 

<iframe width="560" height="315" src="https://www.youtube.com/embed/ePpPVE-GGJw" frameborder="0" allowfullscreen></iframe>

 

하지만 바로 재생되지도 연속 재생 되지도 않는다.

 

 

우선 페이지 접근시 바로 재생되도록 하려면

 

<iframe width="560" height="315" src="https://www.youtube.com/embed/ePpPVE-GGJw?autoplay=1" frameborder="0" allowfullscreen></iframe>

 

위 처럼 autoplay=1 을 넣어주어야 한다.

 

 

 

 

 

다음으로 연속재생을 하는 방법은 꼼수? 를 사용해야 된다.

 

playlist 를 이용해서 loop 를 사용 할 수 있도록 처리한다.

 

<iframe width="560" height="315" src="https://www.youtube.com/embed/ePpPVE-GGJw?autoplay=1&loop=1&playlist=ePpPVE-GGJw" frameborder="0" allowfullscreen></iframe>

 

이렇게하면 플레이 리스트에는 두개의 목록이 생기는대 물론 같은 영상이어서 똑같은 영상이 반복된다.

 

플레이 리스트에 하나만 남겨두고 반복재생하려면

 

<iframe width="560" height="315" src=https://www.youtube.com/embed/?autoplay=1&loop=1&playlist=ePpPVE-GGJw frameborder="0" allowfullscreen></iframe>

 

처럼 사용하면 된다.

 

반응형