0.2.1 • Published 6 years ago
ember-oembed v0.2.1
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/.