{"id":13492155,"url":"https://github.com/shobhitsharma/embedo","last_synced_at":"2026-02-21T18:35:59.110Z","repository":{"id":11927221,"uuid":"70832566","full_name":"shobhitsharma/embedo","owner":"shobhitsharma","description":"Embeds third party content to DOM with perks 🧙‍♀️ (7kb gzip / standalone)","archived":false,"fork":false,"pushed_at":"2022-12-11T21:48:33.000Z","size":884,"stargazers_count":347,"open_issues_count":16,"forks_count":32,"subscribers_count":10,"default_branch":"master","last_synced_at":"2025-03-01T05:11:33.982Z","etag":null,"topics":["embed-content","embeds","iframe","oembed","social-media","video-embed"],"latest_commit_sha":null,"homepage":"https://shobhitsharma.github.io/embedo","language":"JavaScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"mit","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/shobhitsharma.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":".github/FUNDING.yml","license":"LICENSE.md","code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":".github/CODEOWNERS","security":null,"support":null},"funding":{"github":["shobhitsharma"],"patreon":null,"open_collective":null,"ko_fi":null,"tidelift":null,"community_bridge":null,"liberapay":null,"issuehunt":null,"otechie":null,"custom":null}},"created_at":"2016-10-13T17:46:26.000Z","updated_at":"2024-11-10T18:37:30.000Z","dependencies_parsed_at":"2022-06-28T11:30:31.960Z","dependency_job_id":null,"html_url":"https://github.com/shobhitsharma/embedo","commit_stats":null,"previous_names":[],"tags_count":54,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/shobhitsharma%2Fembedo","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/shobhitsharma%2Fembedo/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/shobhitsharma%2Fembedo/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/shobhitsharma%2Fembedo/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/shobhitsharma","download_url":"https://codeload.github.com/shobhitsharma/embedo/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":246004218,"owners_count":20708159,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["embed-content","embeds","iframe","oembed","social-media","video-embed"],"created_at":"2024-07-31T19:01:03.548Z","updated_at":"2025-10-22T20:48:42.065Z","avatar_url":"https://github.com/shobhitsharma.png","language":"JavaScript","funding_links":["https://github.com/sponsors/shobhitsharma"],"categories":["JavaScript"],"sub_categories":[],"readme":"# embedo [![npm](https://img.shields.io/npm/v/embedo.svg)](https://npmjs.org/package/embedo)\n\n\u003cimg src=\"https://cdn01.onzu.com/2017/3/5/14/embedo.png\" height=\"200\" align=\"right\"\u003e\n\n\u003e **Embedo** adds a layer on top of third party embed APIs while ensuring best practices and native guidelines for each component. It takes cares of resizing the container, emitting necessary events and with support for native and external options to be pass along.\n\n### Docs: [Options](https://github.com/shobhitsharma/embedo/wiki/Options) / [API](https://github.com/shobhitsharma/embedo/wiki/API) / [Events](https://github.com/shobhitsharma/embedo/wiki/Events) / [Usage](https://github.com/shobhitsharma/embedo/wiki/Usage) / [Changelog](https://github.com/shobhitsharma/embedo/releases)\n\n### What's currently supported?\n\n- Facebook URLs containing page, post, photos, videos or comments\n- Twitter URLs containing user timeline and tweets\n- YouTube and Vimeo videos URLs\n- Instagram URLs containing posts and videos\n- Pinterest URLs containing board, profile and pins\n- Google Maps URLs containing cordinates to a location\n- Embeds other urls like Github Gists, Soundcloud, Spotify or PDF, MP4, Webm, ... as `iframe`\n- Embeds any URL that fulfils HTTP access control (CORS) policy\n- Extended plugin support for additonal oembed services\n- Supports IE10+ and all modern browsers\n\n---\n\n## Installation\n\n#### NPM / Yarn\n\n```sh\n$ npm install embedo --save\n$ yarn add embedo\n```\n\n#### Bower\n\n```sh\n$ bower install embedo\n```\n\n#### CDN\n\nAlternatively, import using CDN while updating `version` as per requirements from any script below:\n\n```html\n\u003cscript type=\"text/javascript\" src=\"https://unpkg.com/embedo/embedo.min.js\"\u003e\u003c/script\u003e\n\u003cscript type=\"text/javascript\" src=\"https://unpkg.com/embedo[@VERSION]/embedo.min.js\"\u003e\u003c/script\u003e\n\u003cscript type=\"text/javascript\" src=\"https://unpkg.com/embedo[@VERSION]/plugins/[@PLUGIN_NAME]/[@PLUGIN_NAME].embedo.min.js\"\u003e\u003c/script\u003e\n```\n\n## Setup\n\n#### CommonJS / AMD\n\n```js\nimport Embedo from '/path/to/vendor';\n\n// Initialize Embedo class object\nconst embedo = new Embedo({\n facebook: {\n    appId: 'my_app_id', // Enable facebook SDK\n    version: 'v8.0',\n    access_token: 'app_id_with_client_token_here'\n  },\n  twitter: true,  // Enable twitter SDK\n  instagram: { access_token: 'app_id_with_client_token_here' } // Enable instagram SDK\n  pinterest: true  // Enable pinterest SDK,\n  googlemaps: {\n    key: 'my_api_key' // Enables google maps API\n  }\n});\n\n// Then call .load() method from anywhere\nembedo.load(\u003cHTMLElement[object]\u003e, \u003cURL[string]\u003e, \u003coptions[object]*optional\u003e);\n\n// OR Chaining methods and callback\nembedo\n  .load(HTMLElement, URL, options)\n  .done(Function)\n  .fail(Function)\n\n// OR storing in a variable\nlet my_embedo = embedo.load(HTMLElement, URL)\nmy_embedo.done(Function);\nmy_embedo.fail(Function);\n```\n\nAlso, an example can be [found here](https://codepen.io/shobhitsharma/pen/yojJZp).\n\n#### HTML\n\n```html\n...\n\n\u003cbody\u003e\n  \u003cdiv data-embedo-url=\"[@URL_TO_EMBED]\"\u003e\u003c/div\u003e\n  \u003cdiv data-embedo-url=\"[@URL_TO_EMBED]\" data-embedo-[@OPTION_KEY]]=\"[@OPTION_VALUE]\"\u003e\u003c/div\u003e\n\u003c/body\u003e\n\n...\n\n\u003cscript\u003e\n  new Embedo({\n    facebook: {\n      appId: 'my_app_id_here', // Enable facebook SDK\n      access_token: 'app_id_with_client_token_here', // Client-side token via Graph API\n      version: 'v8.10'\n    },\n    twitter: true,  // Enable twitter SDK\n    instagram: {\n      access_token: 'app_id_with_client_token_here', // Client-side token via Graph API\n    },  // Enable instagram SDK\n    pinterest: true  // Enable pinterest SDK,\n    googlemaps: {\n      key: 'my_api_key' // Enables google maps API\n    }\n  });\n\u003c/script\u003e\n```\n\nAlso, an example can be [found here](https://github.com/shobhitsharma/embedo/blob/master/test/index.dom.html).\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fshobhitsharma%2Fembedo","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fshobhitsharma%2Fembedo","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fshobhitsharma%2Fembedo/lists"}