本頁面提及的端點已於 2020 年 10 月 24 日停用,現在會傳回錯誤代碼 400。請改用新的 Facebook oEmbed 端點

可內嵌式 Facebook 內容的 oEmbed 端點(舊式)

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

端點網址

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

類型 端點網址

貼文

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

影片

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}

注意:我們的平台將持續更新,此清單可能不完整。

範例

假設您想要取得 oEmbed 資料,以內嵌 Facebook 開發人員影片「如何只與朋友分享」,因此呼叫端點網址: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 = \"https://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,則 embed 不包含指令碼標籤(選用)

breaking_change

請設為 oembed,使端點回應錯誤代碼 400 和訊息:This endpoint is deprecated, please go to https://developers.facebook.com/docs/plugins/oembed to learn how to migrate your endpoint.