iframe 유튜브 자동 연속재생

유튜브 영상 삽입하기

video 태그로 동영상을 삽입하면, 트랙픽이 많이 나가는 단점이 있다고 한다.
이에 대한 방안으로 유튜브 iframe을 삽입하는 방법이 있다.

1. 원하는 영상의 공유버튼을 누르고 '<>' 태그 표시를 누른다.

2. 동영상 퍼가기에 나오는 iframe 태그 내용을 복사하여 사용

3. 속성 추가

해당 iframe코드에서 /embed/다음에 오는 값은 해당영상의 ID값이다.
속성은 이 뒤로 물음표를 붙인 후 이어 넣어주면 된다.

• 자동재생

  https://www.youtube.com/embed/ibYD23-dtjo?autoplay=1&mute=1

영상 정책상, 음소거 일 경우에만 자동재생이 되기 때문에 autoplay가 제대로 작동하려면 mute 를 꼭 넣어주어야 한다.

• 하단 컨트롤러 숨기기

  "https://www.youtube.com/embed/ibYD23-dtjo?autoplay=1&mute=1&controls=0"
  
  

• 반복재생

  "https://www.youtube.com/embed/ibYD23-dtjo?autoplay=1&mute=1&controls=0&loop=1&playlist=ibYD23-dtjo"

반복재생 속성값은 loop=1 이지만, playlist도 함께 넣어줘야 동작이 된다
해당 동영상의 id값을 playlist에 또 넣어주어야한다.

~ /embed/ibYD23-dtjo?autoplay=1&mute=1&controls=0&loop=1&playlist=ibYD23-dtjo"

💡해당 기능을 한꺼번에 넣으려면!

~~/U8bM9oabJSc?autoplay=1&mute=1&controls=0&loop=1&playlist=U8bM9oabJSc

아이디값 뒤에 ?를 붙여가며 해당 기능들은 이어가면 된다!