Static FBML 페이지에 Youtube 동영상 넣기

장 정우

14 years ago

* 먼저 아래 방법을 실행하시려면 Static FBML페이지가 설치되어 있어야 합니다.
2011년 3월 18일 이후 새로운 Static FBML페이지 생성이 제한되었습니다.

Facebook(페이스북) 브랜드 페이지를 운영하고 계시는 분들이라면 Youtube 동영상을 올려야 할 상황이 간혹 있습니다. 물론 iFrame을 사용해서 만드셔도 되지만, 기존에 만들어진 Static FBML을 이용하셔서 사용하시면 좀 더 간편하게 Youtube 동영상을 삽입하실 수 있습니다.

안내사항
* Static FBML은 Fan Pages에서만 이용 가능합니다.
* Static FBML에서는 CSS 와 HTML, FBML을 사용하실 수 있습니다.
* Static FBML 페이지에서는 Youtube 비디오가 자동 실행 되지 않습니다. 
Facebook에서는 사용자가 Play하도록 하고 있습니다. 만약 자동 실행하시려면 JavaScript나 Flash load를 사용하셔야 합니다.
* Youtube 비디오의 위치 선정을 위해서는 <div> tag 또는 CSS 를 사용하셔야 합니다.

FBML을 이용해서 Youtube Video 넣기

Static FBML 페이지에 넣어야 될 코드입니다.

코드. 1

<fb:swf
swfbgcolor="000000" imgstyle="border-width:3px; border-color:white;"
swfsrc='http://www.youtube.com/v/xxxxxxxxxx'
imgsrc='http://img.youtube.com/vi/xxxxxxxxxx/2.jpg' width='500' height='311' />

위에 보시는 xxxxxxxxxx 에 Youtube ID를 대체 해주시면 됩니다.

일반적으로 Youtube 동영상 페이지 주소를 보시면,
http://www.youtube.com/watch?v=yvRpuOc2TUM

이렇게 보입니다. 동영상 페이지 들어오는 경로에 따라 뒤에 코드가 더 붙는 경우가 있지만, 여기서 필요한 ID는 “yvRpuOc2TUM” 부분입니다.

만약, 이렇게 보이시면
http://www.youtube.com/watch?v=yvRpuOc2TUM&feature=related
여기서도 “yvRpuOc2TUM” 부분입니다.

위 코드를 코드. 1에 xxxxxxxxxx에 대체해 주시면 됩니다.

참고 페이지: http://www.facebook.com/fbml.co.kr?sk=app_7146470109