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

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

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

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

facebook の動画をサイトに埋め込むには

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

facebook の動画をサイトに埋め込むには

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

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

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

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

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

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