Facebook の動画をサイトに埋め込むには
サイトに動画を埋め込むときには YouTube を使うのが定番ですが、Facebook に投稿した動画も YouTube と同じような操作手順でサイトに埋め込むことができます。
埋め込む手順は以下の通りです。
まず、Facebook の動画再生画面で […] ⇒ [埋め込む] をクリックします。
画面に表示されるコードをコピー&貼り付けするだけです。YouTube に比べるとシンプルでかんたんですね。
貼り付けた動画は以下のようになります。
【補足】スタイルシートにより見た目を調整
このブログではスタイルシートを設定して以下の調整を行っています。
- 動画を中央揃えする。
- スマホでも画面からはみ出さないようにする。
追加したスタイルシートは以下の通りです。.entry-body の部分は使用するテーマなどに合わせて変更してください。
.entry-body iframe {
margin: 15px auto;
display: block;
max-width: 100%;
}
![](https://pc-klik.com/wp-content/uploads/2024/07/cta-01.webp)
Lighting テーマ使用
WordPress サイト開設
スターターパック
- デザイン済みパーツを組み合わせることで価格と納期を大幅削減
- プロが作ったクオリティが高いホームページ
- サポート付き・ご自分でかんたんに情報発信できます