★ 유튜브 동영상 자동재생/반복재생

블로그채널119에서 알려드립니다.

오늘은 유튜브 동영상을 자동재생하거나 반복재생하는 방법을 살펴보도록 하겠습니다.

지난 글에서 유튜브 iframe 코드를 embed 코드로 변환하는 방법을 알아보았습니다.

이번 글은 지난 번 글을 보충하여 조금 더 자세히 설명하는 글이라고 할 수 있습니다.

유튜브의 동영상 자동재생/반복재생 기능을 사용하는 이유는 유튜브 동영상을 블로그의 BGM으로 사용하기 위해서 입니다.

그리고 유튜브 동영상을 BGM으로 사용하려면 반복재생 기능을 반드시 사용야 하는데,

이전에는 유튜브 코드에 loop=1을 삽입하기만 하면 가능했던 반복재생 기능의 활용 방법이 현재는 다소 달라졌습니다.

따라서 이 글에서는 자동재생하는 방법과 달라진 코드 삽입 방법을 살펴보도록 하겠습니다.

유튜브 동영상에 자동재생 코드 및 반복재생 코드 삽입

1. 유튜브 홈페이지에 접속하여 원하는 동영상을 클릭합니다.

2. 아래 화면에서 공유를 클릭합니다.

3. 다시 아래 화면에서 소스 코드를 클릭합니다.

4. 그러면 iframe 소스 코드가 아래와 같이 표시되는데, 이 코드를 복사합니다.

5. 복사한 유튜브 iframe 소스 코드를 embed 코드로 변환합니다.

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

▼ iframe → embed로 바꾸고 embed → v로 바꿉니다.

<embed width="640" height="480" src="http://www.youtube.com/v/3Dh8yj20etM" frameborder="0" allowfullscreen></embed>

6. 위 코드의 URL(http://www.youtube.com/v/3Dh8yj20etM) 끝에 ?version=2&autoplay=1&loop=1을 추가합니다.

▼ 최종 변환된 유튜브 embed 코드

<embed width="640" height="480" src="http://www.youtube.com/v/3Dh8yj20etM?version=2&autoplay=1&loop=1" frameborder="0" allowfullscreen></embed>

autoplay=1(자동재생 코드)과 loop=1(반복재생 코드)은 선택적으로 사용할 수 있습니다. 따라서 둘 중 하나를 사용하거나 둘 다 사용할 수 있습니다. 새롭게 추가된 version=2 부분은 유튜브 지원 환경의 변화 때문에 추가된 것입니다. 유튜브 코드에 &autoplay=1&loop=1을 삽입해도 유튜브 동영상이 반복재생되지 않는 경우에는 version=2 코드를 삽입해야 반복재생이 됩니다.

7. 최종 변환된 위에 있는 코드를 원하는 블로그 편집기에서 HTML 모드로 삽입한 후 발행하면, 이 코드가 삽입된 웹페이지가 열릴 때 유튜브 동영상이 자동재생되거나 반복재생되는 것을 확인할 수 있습니다. 

이상 블로그채널119에서 전해드렸습니다.