facebookの動画をwebサイトに埋め込む方法

すばらしい動画をみつけたのでご紹介しておきます。オランダ語がわからないので何についての動画なのかわからないのですが、心の洗われる動画をみなさんにも是非。

Happy FridaySuper high budget Dutch music video.
Posted by DJ Sharaz on 2014年10月10日

ちなみにフェイスブックの動画を埋めこむときはそのままコードを貼付けただけでは表示されませんので、以下の通りにJavaScriptを追記する必要があります。まず動画下の「動画を埋め込む」をクリックします。

facebook_動画埋め込み_1

いちおうコードは表示されるのですが、はじめての場合(もしくはページごとにJavaScriptを埋め込む場合)はそのとなり「詳しくはこちら」をポチッとな。

facebook_動画埋め込み_2

リンク先の2項目「Code Generator」を入力していきます。

① URL of video → 貼付けしたい動画のFacebookのURL
② The pixel width of the video → 動画の横幅(デフォルトは500)

入力するとプレビューが表示されますので、上手くいったら・・
③ その下の「Get Code」をポチッとな。

facebook_動画埋め込み_3

以下のウィンドウが開き2つのコードが表示されます。

facebook_動画埋め込み_4

まずは、
1. Include the JavaScript SDK on your page once, ideally right after the openingtag.

ご自分のサイトの<body>タグ内のどこかに1のコードをうめこみます。JavaScriptなので1度埋込めば今後は「動画を埋め込む」で表示されたタグをそのまま記事内に投稿すればOK。私は埋めこむ頻度が少なめ、WordPressのこの記事のみ動作させたいので投稿ページに埋込みます。

そんでもって次、
2. Place the code for your plugin wherever you want the plugin to appear on your page.

動画を表示したいとこへコピペします。

facebook_動画埋め込み_5

「1. Include the JavaScript・・・」を投稿ページに埋めこむこの方法ですとその都度JavaScriptを埋めこむことになりますが、必要のないJavaScriptを毎回読み込むことは表示速度に影響する場合もありますので、ご自分の環境に合わせてお好きな方法を選んでみてください。

コメントをどうぞ

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です