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

サイトに動画を埋め込むときには YouTube を使うのが定番ですが、Facebook に投稿した動画も YouTube と同じような操作手順でサイトに埋め込むことができます。

埋め込む手順は以下の通りです。

まず、Facebook の動画再生画面で […] ⇒ [埋め込む] をクリックします。

画面に表示されるコードをコピー＆貼り付けするだけです。YouTube に比べるとシンプルでかんたんですね。

貼り付けた動画は以下のようになります。

【補足】スタイルシートにより見た目を調整

このブログではスタイルシートを設定して以下の調整を行っています。

• 動画を中央揃えする。
• スマホでも画面からはみ出さないようにする。

追加したスタイルシートは以下の通りです。.post-content の部分は使用するテーマなどに合わせて変更してください。

.post-content iframe {
margin: 15px auto;
display: block;
max-width: 100%;
}