유튜브 iframe 코드 → embed 코드 변환

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

오늘은 간단하지만 유용한 팁을 하나 소개하려고 합니다. 

하나는 유튜브 iframe 코드를 embed 코드로 변환하는 방법이고요.

다른 하나는 유튜브 동영상을 자동재생하게 하는 방법입니다.

유튜브 iframe 코드를 embed 코드를 바꾸는 이유

iframe 코드를 embed 코드로 바꾸면 embed 코드에 autoplay=1와 loop=1을 삽입하여 동영상을 자동 재생하거나 반복 재생할 수 있습니다.

유튜브 iframe 코드를 embed 코드로 변환하는 방법

▶ 유튜브 iframe 코드 →  embed 코드 변환하기

1. 유튜브에서 코드를 가져옵니다.

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

2. iframe → embed, embed → v로 바꿉니다.

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

원하는 곳에 이 코드를 삽입합니다. 

유튜브 동영상을 자동 재생하는 방법

아래와 같이 URL(http://www.youtube.com/v/3Dh8yj20etM) 끝에 &autoplay=1을 추가합니다.

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

유튜브 동영상을 반복 재생하는 방법

아래와 같이 URL(http://www.youtube.com/v/3Dh8yj20etM) 끝에 ?version=2&autoplay=1&loop=1을 추가합니다.

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

?version=2 뒤에 &autoplay=1만 추가하면 자동 재생되며 &autotoplay과 &loop=1을 모두 추가하면 동영상이 자동으로 반복 재생됩니다.

이 기능을 이용하면 블로그 글의 배경음악으로 동영상을 이용할 수 있습니다.

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