ember-oembed
oEmbed is a standard for embedding arbitrary content into something else.
Note: Many types of content don't support CORS when using oEmbed, which prevents us from using this client-side-only solution neatly. To get around this, we use publicly-available yahoo proxies, to add the appropriate cors headers.
Installation
Install this addon with ember-cli
ember install ember-oembed
Use
Using ember-oembed is as easy as using an <img>
tag.
Using the standard embed content, delivered by the provider
{{ember-oembed src="https://soundcloud.com/vaughan-1-1/this-is-what-crazy-looks-like"}}
Custom embed content
{{#ember-oembed src="https://soundcloud.com/vaughan-1-1/this-is-what-crazy-looks-like" as |c|}} <h1>{{c.title}}</h1> <p>{{c.description}}</p> {{/ember-oembed}}
Adding a provider that's not already included with this addon
config/environment.js
var ENV = ... oembed: providers: mysite: regex: pattern: 'www.mysite.com\/thing' flags: 'g' providerUrl: 'http://mysite.com/oembed' defaultParams: format: 'json' ...
This would result in the addon attempting to fetch oEmbed info from
http://mysite.com/oembed?url=http://mysite.com/thing/12345&format=json
Developing this Addon
git clone
this repositorynpm install
bower install
Running
ember server
- Visit your app at http://localhost:4200.
Running Tests
npm test
(Runsember try:testall
to test your addon against multiple Ember versions)ember test
ember test --server
Building
ember build
For more information on using ember-cli, visit http://ember-cli.com/.