Facebook の動画をサイトに埋め込むには
サイトに動画を埋め込むときには YouTube を使うのが定番ですが、Facebook に投稿した動画も YouTube と同じような操作手順でサイトに埋め込むことができます。
埋め込む手順は以下の通りです。
まず、Facebook の動画再生画面で […] ⇒ [埋め込む] をクリックします。
画面に表示されるコードをコピー&貼り付けするだけです。YouTube に比べるとシンプルでかんたんですね。
貼り付けた動画は以下のようになります。
【補足】スタイルシートにより見た目を調整
このブログではスタイルシートを設定して以下の調整を行っています。
- 動画を中央揃えする。
- スマホでも画面からはみ出さないようにする。
追加したスタイルシートは以下の通りです。.entry-body の部分は使用するテーマなどに合わせて変更してください。
.entry-body iframe {
margin: 15px auto;
display: block;
max-width: 100%;
}
Zoom オンラインレッスンを行っています

全国どこでもご自宅・職場にいながらにして、経験・実績が豊富な講師が100%専任で対応する完全個別レッスンをご受講いただけます。
知りたいこと、わからないことなど、どんどん質問してください。その場であなたのお悩み・お困りごとの解決をお手伝いします。