OEmbed
oEmbed is an open format designed to allow embedding content from a website into any webpage. The specification was created by Cal Henderson, Leah Culver, Mike Malone, and Richard Crowley in 2008.[1] It is used by companies like Twitter to make tweets embeddable in blog posts[2] and by blogging platforms like Medium to allow content authors to include those snippets.[3]
An oEmbed exchange occurs between a consumer and a provider. A consumer wishes to show an embedded representation of a third-party resource on their own website, such as a photo or an embedded video. A provider implements the oEmbed API to allow consumers to fetch that representation.
The following software is able to embed content from websites that support oEmbed:
Examples
Request:
https://www.youtube.com/oembed?url=https%3A//youtube.com/watch%3Fv%3DM3r2XDceM6A&format=json
Response:
{
"version": "1.0",
"type": "video",
"provider_name": "YouTube",
"provider_url": "https://youtube.com/",
"width": 425,
"height": 344,
"title": "Amazing Nintendo Facts",
"author_name": "ZackScott",
"author_url": "https://www.youtube.com/user/ZackScott",
"html":
"<object width=\"425\" height=\"344\">
<param name=\"movie\" value=\"https://www.youtube.com/v/M3r2XDceM6A&fs=1\"></param>
<param name=\"allowFullScreen\" value=\"true\"></param>
<param name=\"allowscriptaccess\" value=\"always\"></param>
<embed src=\"https://www.youtube.com/v/M3r2XDceM6A&fs=1\"
type=\"application/x-shockwave-flash\" width=\"425\" height=\"344\"
allowscriptaccess=\"always\" allowfullscreen=\"true\"></embed>
</object>",
}
References
- ↑ "Announcing OEmbed - An Open Standard for Embedded Content". http://blog.leahculver.com/2008/05/announcing-oembed-an-open-standard-for-embedded-content.html.
- ↑ Etienne, Stefan. "Twitter intros three new ways to embed timelines" (in en). TechCrunch. https://techcrunch.com/2016/06/07/twitter-intros-three-new-ways-to-embed-timelines/.
- ↑ "Embedding" (in en-US). https://help.medium.com/hc/en-us/articles/214981378-Embedding.
- ↑ "Embeds « Drupal". 12 April 2020. https://www.drupal.org/project/oembed_providers. Retrieved 2022-04-06.
- ↑ "Humhub Documentation - oEmbed". https://docs.humhub.org/docs/develop/oembed/. Retrieved 2024-01-10.
- ↑ "Embedding Content in LinkedIn Posts Using oEmbed". https://www.linkedin.com/pulse/embedding-content-linkedin-posts-using-oembed-david-max. Retrieved 2022-04-23.
- ↑ "Using the Embed Block". https://support.squarespace.com/hc/en-us/articles/206543617-Using-the-Embed-Block. Retrieved 2018-10-02.
- ↑ "Embeds « WordPress Codex". http://codex.wordpress.org/Embeds. Retrieved 2017-12-18.
External links
 |  |
