可內嵌 Facebook 內容的 oEmbed 端點

oEmbed 是一種開放格式,目的在於讓網站內容可內嵌於其他網頁。您可使用 oEmbed 標準在網站內嵌 Facebook 貼文和影片。

端點網址

您可使用 API 端點來要求公開貼文影片的內嵌程式碼,所有的回應會以 json 格式表示。將 {content-url} 替換為您的貼文或影片網址:

型別 端點網址

貼文

https://www.facebook.com/plugins/post/oembed.json/?url={content-url}

Video

https://www.facebook.com/plugins/video/oembed.json/?url={content-url}

內容網址

公開的 Facebook 貼文和影片可採用下列網址配置:

  • 貼文:
  • https://www.facebook.com/{page-name}/posts/{post-id}
  • https://www.facebook.com/{username}/posts/{post-id}
  • https://www.facebook.com/{username}/activity/{activity-id}
  • https://www.facebook.com/photo.php?fbid={photo-id}
  • https://www.facebook.com/photos/{photo-id}
  • https://www.facebook.com/permalink.php?story_fbid={post-id}
  • https://www.facebook.com/media/set?set={set-id}
  • https://www.facebook.com/questions/{question-id}
  • https://www.facebook.com/notes/{username}/{note-url}/{note-id}
  • 影片:
  • https://www.facebook.com/{page-name}/videos/{video-id}/
  • https://www.facebook.com/{username}/videos/{video-id}/
  • https://www.facebook.com/video.php?id={video-id}
  • https://www.facebook.com/video.php?v={video-id}

注意: 我們的平台一直持續發展中,因此以上清單可能不甚完整。

範例

假設您想要取得內嵌 Facebook 開發人員影片如何只與朋友分享所需的 oEmbed 資料,請呼叫以下端點網址:https://www.facebook.com/plugins/video/oembed.json/?url=https%3A%2F%2Fwww.facebook.com%2Ffacebook%2Fvideos%2F10153231379946729%2F

json 回應會類似以下程式碼:

{
  "author_name": "Facebook",
  "author_url": "https://www.facebook.com/facebook/",
  "provider_url": "https://www.facebook.com",
  "provider_name": "Facebook",
  "success": true,
  "height": null,
  "html": "<div id=\"fb-root\"></div>\n<script>(function(d, s, id) {\n  var js, fjs = d.getElementsByTagName(s)[0];\n  if (d.getElementById(id)) return;\n  js = d.createElement(s); js.id = id;\n  js.src = \"//connect.facebook.net/en_US/sdk.js#xfbml=1&amp;version=v2.9\";\n  fjs.parentNode.insertBefore(js, fjs);\n}(document, 'script', 'facebook-jssdk'));</script><div class=\"fb-video\" data-href=\"https://www.facebook.com/facebook/videos/10153231379946729/\"><div class=\"fb-xfbml-parse-ignore\"><blockquote cite=\"https://www.facebook.com/facebook/videos/10153231379946729/\"><a href=\"https://www.facebook.com/facebook/videos/10153231379946729/\">How to Share With Just Friends</a><p>How to share with just friends.</p>Posted by <a href=\"https://www.facebook.com/facebook/\">Facebook</a> on Friday, December 5, 2014</blockquote></div></div>",
  "type": "video",
  "version": "1.0",
  "url": "https://www.facebook.com/facebook/videos/10153231379946729/",
  "width": "100%"
}

參數

所有參數都必須以網址編碼的方式傳送。

參數 說明

url

貼文或影片的網址(必要參數)

maxwidth

內嵌資源的寬度上限(選擇性參數);請注意:不支援 maxheight 參數,這是因為內嵌程式碼為回應式,其高度會視寬度而變化

callback

要叫用的 JSON 回呼(選擇性參數)

omitscript

如果設定為 true,內嵌程式碼不會包含 script 標籤(選擇性參數)