Facebookにアップした動画をはてなブログに貼りたい
facebookにアップした動画をはてなブログに貼る方法
Facebookにアップした動画をはてなブログに貼るとき、普通にURLを貼るとブログカードの埋め込みで表示されてしまいますよね。
たとえばこんな感じ。
ちがうちがう!そうじゃな〜い〜♪
と、昭和な歌ツッコミをしたくなりますね!(ΦωΦ)プンスカ
これじゃなく、YouTubeのURLを貼ったときみたいに、ブログ上で再生される表示にしたいんです!
こんな感じで!
というか、そもそも昔はFacebook投稿ページの右上の矢印押したら埋め込みコードをコピペできましたよね?
現在はFacebookの投稿ページからコードを拾えなくなっているようです。
なんなんですか、この改悪は?(ΦωΦ)
不満をぶちまけてしまいましたが、手間をかけるとちゃんとコードを拾えますのでご安心を♪
Facebook動画を、はてなブログに貼ってみよう♪
ほら!ちゃんと ↑ ↑ 貼れてます♪ これがやりたいんです!
それでは方法を説明いたします♪
① まずは埋め込みたい動画を表示し、右クリックで「動画URLを表示」を選択します。
② そうすると、動画のURLが表示されるので、こちらを選択してコピーします。
③ 次にこちらのページに移動します。
埋め込み動画 - ソーシャルプラグイン - ドキュメンテーション - 開発者向けFacebook
Facebook developersの、埋め込み動画のページです。
④ このページの、上部の赤丸部分に、先ほどコピーした動画のURLをペーストし、下部の赤丸の「コードを取得」ボタンをクリックします。
⑤ そうすると、コードがポップアップされます。
JavaScript SDKの方ではなく、iFrameを選択してください。
このコードをコピーします。
⑥ はてなブログ管理画面の「記事を書く」の「HTML編集」を開きます。
⑦ 動画を貼り付けたい箇所に、埋め込みタグをペーストします。
まとめ
ちょっと(かなり)面倒だけど、これでFacebook動画をブログに埋め込みできました♪
このデベロッパーページ、ブックマークに入れておくと便利ですね。
↓ ↓
埋め込み動画 - ソーシャルプラグイン - ドキュメンテーション - 開発者向けFacebook
なんでわざわざこんな面倒な手順を踏むようにしたんだろ?
以前の仕様に戻してほしいなぁ・・・Facebookの中の人・・・(ΦωΦ)