Live doorのブログにフェィスブックの動画を埋め込みたいのですが、可能でしょうか？　live doorのブログにはyotubeかニコニコ動画はすぐ埋込ボタンがあるのですが、フェイスブックの動画はどのようにしたら埋込出来るのでしょうか？いろいろ調べたのですが明確な解答が見つかりませんでした。分かる方是非教えてください。

ログインして回答する

ベストアンサー

a-kuma32017/02/03 03:15:15
Facebook のヘルプにあります。
動画を埋め込むには:
1. 埋め込みたい動画に移動します。
2. 投稿の右上にあるをクリックして、を選択します。
3. 表示されているコードをコピーして、自分のウェブサイトまたはウェブページに貼り付けて追加します。
ウェブサイトにFacebookの動画を埋め込むにはどうすればよいですか。 | Facebookヘルプセンター | Facebook
表示位置とかサイズとか、微妙な感じはしますが。
スター
- 8件のコメントを見る
- javelover 2017/02/03 10:18:34
  
  ありがとうございます！このやり方を何度も試しているのですが、
  うまくいきませんでした。おそらく、live doorブログのほうの設定なのか？
  そちらの問題のような気がします？？？
  FBの動画のほうで
  もう少し調べてみます。ありがとうございます！
  
  スター
- a-kuma3 2017/02/03 11:03:24
  
  あ、見てましたか。
  適当な動画を拾って、ローカルに立ててある apache で確認したら、一応、表示はできました。
  
  ちなみに、その Facebook 動画を埋め込んだけど表示できないという livedoor ブログの URL って、公開できますか？
  
  スター
- a-kuma3 2017/02/03 11:22:06
  
  Facebook 動画の埋め込みコードは iframe を使ってて、
  同様に iframe を使う Youtube の動画埋め込みはできているようなので、Facebook もいけそうな感じはしますが。
  http://nanassyi.blog.jp/archives/16985281.html
  
  スター
- javelover 2017/02/06 13:13:47
  
  ありがとうございます。yotubeのほうは<iframe>で問題なく埋込できました。
  なぜか、Facebookの動画はうまく埋込できずです。
  
  例えば、FBの動画ファイルの埋込コードは、
  <iframe src="https://www.facebook.com/plugins/video.php?href=https%3A%2F%2Fwww.facebook.com%2FDongHuadeYieruYingWenFa%2Fvideos%2F196369593826551%2F&show_text=0&width=560" width="560" height="315" style="border:none;overflow:hidden" scrolling="no" frameborder="0" allowTransparency="true" allowFullScreen="true"></iframe>
  
  だとすると、これをブログのhtml編集で貼り付けると
  こうなります。
  
  https://www.fastpic.jp/images.php?file=4885073773.jpg
  
  ただの埋込コードの一部分が表示される！？
  
  今、livedoorの問い合わせからも返事が来て、html編集に貼り付けてくださいとのことでした。謎です。。。
  
  スター
- a-kuma3 2017/02/06 15:22:18
  
  "<" が "__lt__" に、">" が "__gt__" に変換されてしまっているようですね。
  これ、画像の状態から手で元の状態に編集しても、また変換されちゃうのでしょうか。
  
  http://help.blogpark.jp/archives/51414668.html
  ↑の、livedoorブログのヘルプでは、シンプルエディタが HTMLのタグを直接打てそうなので、そちらで試してみるとか。
  「投稿フォーム」の「HTMLをエスケープする」のチェックは外しておいてください。
  
  スター
- javelover 2017/02/07 16:09:52
  
  a-kuma3さん、返事が遅くなりすみません。　今シンプルエデイタに設定を変えて
  直接ペーストしてみたら、うまくいきました！
  "<"が他の文字になぜか置き換わってしまうのですが、それを直接編集しても
  もとに戻ってしまいます。ブログの設定からシンプルエディタにして、直接打ったらOKになりました。う～ん、なぜ直接、貼れないのか謎ですね。。。
  
  スター
- a-kuma3 2017/02/07 16:15:14
  
  埋め込める方の Youtube の埋め込みコードも iframe なので、特定の埋め込みコード以外は livedoor ブログの HTML エディタの方で入力できない（タグとして働かないように変換する）ように作ってある、ということなんでしょうね。
  
  スター
- javelover 2017/02/08 21:58:19
  
  a-kuma3さんありがとうございました。youtubeだとhtmlのほうからコピーペーストですぐ動画が埋め込まれるのを確認できますね、facebookの動画だとなぜかすぐ動画の埋め込みが確認できないのです。
  facebookの動画もyoutubeのほうと同じ扱いにしてほしいところです。いろいろとありがとうございました！
  
  スター