Skip to content

📋oEmbed web component that make you easy to embed everything.

License

Notifications You must be signed in to change notification settings

thangman22/oembed-component

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

45 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Oembed component

oEmbed web component that make you easy to embed everything.

oembed

Published on webcomponents.org

<o-embed> is component to help developer put any embed that support oEmbed to website easier.

Provider supported

How to install

Add script tag at head

<script defer async src="https://cdn.jsdelivr.net/npm/oembed-component/dist/oEmbed.js"></script>

or install with Yarn

yarn add oembed-component

How to use

<o-embed url="https://www.instagram.com/p/BfcNH1XD91P/"></o-embed>

Properties

Property Type Default Require Description
url String "" true URL of object Provider supported
proxy String "" false URL of proxy

Proxy

Some of provider is not allow cross-origin HTTP request and oembed will not work with those site. You need to put proxy url to make it work. I would suggest to use cors-anywhere.herokuapp.com as your proxy. Self hosted version is provide at https://github.com/Rob--W/cors-anywhere/.

Browser Support

Chrome Opera Firefox Safari IE Edge
Latest ✔ Latest ✔ Latest ✔ Latest ✔ 11+ Latest ✔

Based on vue.js?

Yes. This component use vue.js and vue-custom-element for development. However You not need to add vue.js to your project because is all packed in dist.js

Development

yarn # Install dependencies
yarn dev # Start the development
yarn test # Run unit test
yarn build # Run build for make bundle

Development

yarn # Install dependencies
yarn dev # Start the development
yarn test # Run unit test
yarn build # Run build for make bundle

Contributing

Find on our issues the next steps of the project ;) Want to contribute? PR please.

License

MIT License © thangman22

See my another project at thangman22.com

About

📋oEmbed web component that make you easy to embed everything.

Topics

Resources

License

Stars

Watchers

Forks

Sponsor this project

Packages

No packages published