한암의 누리 사랑방

유튜브 동영상 공유 소스와 변환 (iframe -> embed 변환)

작성일 작성자 한암

유튜브 동영상 공유 소스와 소스 코드 변환 (iframe 소스를 embed 소스로 변환)

 

(1) 유튜브 동영상 공유 소스 코드

  유튜브 동영상을 공유하기 위한 소스 코드는 기존의 이전 소스 코드 방식을 포함하여 아래와 같이 세 가지 소스 코드가 있다.

 

 ① 동영상 공유 링크

    http://youtu.be/고유주소

   

 

 ② iframe 소스 코드

   <iframe width="640" height="360" src=http://www.youtube.com/embed/고유주소 frameborder="0"

allowfullscreen></iframe>

    

 

③ embed 소스 코드 (이전 소스 코드 방식)

   <embed width="640" height="360" src=http://www.youtube.com/v/고유주소

 type="application/x-shockwave-flash" x-allowscriptaccess="always" allowfullscreen="true"> </embed>

 

  • 현재 유튜브에서 제공되는 공유소스는 iframe 소스만 제공되고, 이전 방식인 embed 공유 소스는 제공되지

   않고 있다.

 

  • 대부분의 커뮤니티는 iframe 태그가 금지 태그로 설정되어 있어 커뮤니티 사이트에 유튜브 동영상을 제대

   로 올리지 못하는 문제가 있다. 유튜브 동영상을 일반적인 커뮤니티 게시판에서 사용하려면 <iframe> 이 아

   닌 <object><embed> 로 구성된 이전 소스 코드로 변환하여 사용해야 한다.

 

  • 현재 embed 방식으로 퍼진 동영상이 상당히 많고, embed 방식의 동영상 재생 기능이 완전히 막힌 것은

    아니기 때문에, 이전 embed 형태의 소스 코드를 사용할 수는 있다.

 

  • embed 방식의 동영상은 오직 PC 에서만 재생이 되며 안드로이드나 아이폰 등에서 재생이 되지 않는다. 

    따라서 커뮤니티가 아닌 iframe을 지원하는 블로그에서는 굳이 embed 방식으로 동영상을 공유할 필요는

    없다.

 

(2) 소스 코드 변환 (iframe 공유 소스 -> embed 공유 소스)

  세 가지 방식에서 고유주소는 동일하다. 유튜브 동영상의 고유주소는 현재 유튜브의 공유 기능 중 동영상 공

  유에서 확인할 수 있고, 소스 코드(iframe)에서도 확인할 수 있다. 이 외에 해당 동영상 페이지의 URL에도 고

  유주소가 포함되어 있다.

 

  해당 동영상의 고유주소가 확인되면, 그대로 다른 방식의 기본 소스 코드에 고유주소를 붙여 넣는 것만으로

  IFRAME 이든 EMBED 든 원하는 소스 코드를 간단히 만들 수 있다.

 

(3) YouTube 변환기 (Convert YouTube iframe to old embed code)

  아이프레임(iframe) 코드를 embed 방식의 이전 소스코드로 변환시켜 주는 프로그램

 

  ① URL : http://nuridol.net/ut_convert.html 에 접속 (앞에 주소 클릭)

  ② YouTube 변환기화면에서 iframe 부분에 유튜브 iframe 코드를 붙여넣고 [convert] 버튼을 누르면 아래 

      칸에 embed 코드가 생성 된다.

 

 



맨위로
통합 검색어 입력폼