[tips] Facebookファンページにアップロードした動画を埋め込む方法

Tweet

ソースが見当たらなかったので、ご紹介いたします。

ファンページの動画表示は、基本的には外部サイトにアップした動画を埋め込むか、Flash動画をサーバーに置いてFBMLのflvタグで引っ張ってくるかです。

しかし、ファンページ内でアップした動画をタブに埋め込むことも可能です。

---

１．動画をアップロード

ファンページに動画をアップロードします。

---

２．動画のリンクをコピーし、編集する。

アップロードした動画のページを開いたら、そのURLをコピー。このようなリンクになります。

＜ http://www.facebook.com/video/video.php?v=xxxxxxxxxxxxx ＞

このリンクを一部編集し、このような形にします。

＜ http://www.facebook.com/v/xxxxxxxxxxxxx ＞

---

３．待ち受け画像を作成する

動画を埋め込む際、どうしても再生する前の静止画像を必要とします。

ですので、動画をキャプチャするなりして、待ち受け画像を作成しましょう。

画像の大きさ(ピクセル)はメモ。

この画像を、ファンページにアップロードするなり、Dropboxのパブリックフォルダに保存するなりして、画像のURLを手に入れます。

---

４．FBMLを書く

スタティックFBMLのタブを作成し、動画を埋め込みたいタブの編集画面に移動します。

そして、以下のようなFBMLを書きます。

<fb:swf

swfbgcolor="000000" imgstyle="border-width:3px; border-color:white;"

swfsrc='http://www.facebook.com/video/video.php?v=xxxxxxxxxxxxx'

imgsrc='http://画像URL'

width='534' height='302' />

２と３でつくったURLをタグの中にそれぞれペーストします。

＊注意＊
ここでのサイズは、画像のサイズと合わせましょう。埋め込みサイズと画像サイズが合っていないと、エラーが出ることがあります。

以上で、作業完了です。

あなたがfacebookにあげた動画をタブの中に埋め込めたはずです。

また、同じような手順で、YouTubeやVimeoなどの動画を埋め込むことも可能ですので、お試しください。

（FBML swfタグ のリファレンスはこちら）

Comments

1. Posted by 車買取相場   2011年11月27日 03:56

京都 ムーヴ ラテ かいとり
新潟県 セルシオ 見積
和歌山 エルフ 売りたい

2. Posted by ed 相談|ed体験談   2011年11月28日 23:17

ザンタック インタビューフォーム
リピトール 痩せる
エステ 痩身
スキンケア入浴剤

3. Posted by zygotherebyce   2011年11月29日 02:51

結果として、週当たり2600mgのリンが蓄積することになります。
発売日からバカ売れで、いつまでたっても入手できない状況が続いていたW-ZERO3。
板橋）を通じて朝霞工場（埼玉県新座市）で雑誌や書籍に添付するＣＤ。

4. Posted by バイアグラ　値段|パリエット ジェネリック   2011年12月01日 08:56

ありがとうございます！私服めっちゃ可愛い＼(^o^)／

5. Posted by zymintentes   2011年12月01日 15:38

ジェファ選手なんですね。
六本木の騒がしいバー。

6. Posted by immonsterit   2011年12月01日 22:11

光テレビって、どのくらい普及しているんでしょうね？