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>
처럼 사용하면 된다.
'Story > html/css' 카테고리의 다른 글
아이폰에서 iframe 내용에 스크롤이 되지 않을때. (0) | 2018.02.20 |
---|---|
window sapari 브라우져에서 한자가 깨져보일때 (0) | 2017.12.14 |
css style 로 input 에 대문자로만 입력받기 (0) | 2016.09.02 |
파일첨부에 이미지만 첨부할 수 있도록 처리 input file (0) | 2016.03.09 |
반응형 및 여러 디바이스 미리보기 (0) | 2015.09.21 |