oEmbed Plugin

               }, {
                    type: 'hbox',
                    widths: ['50%', '50%'],
                    children: [{
                        type: 'text',
                        id: 'width',
                        'default': '560',
                        label: editor.lang.oEmbed.width[b],[/b]
                    }, {
                        type: 'text',
                        id: 'height',
                        'default': '315',
                        label: editor.lang.oEmbed.height[b],[/b]
                    }]

minWidth: CKEDITOR.env.ie && CKEDITOR.env.quirks ? 368 : 350,

minWidth: CKEDITOR.env.ie && CKEDITOR.env.quirks ? 568 : 550,

tha_watcha wrote:

Installation

1. Extract the contents of the file into the "plugins" folder of CKEditor.
2. In the CKEditor configuration file (config.js) add the following code:

config.extraPlugins = '[ oEmbed ]';

    { name: 'insert',      items : [ 'Image','oEmbed','Youtube','Video','Flash','Table','HorizontalRule','Smiley','SpecialChar','PageBreak' ] },

tha_watcha wrote:Works perfectly for me in chrome and in other browser. It depends on which url you provide like http://www.youtube.com/watch?v=123456 or http://youtu.be/123456 are supported. If it still not working please take a look at the chrome javascript error log if there are any errors

<script src="/jquery/jquery.min.js" type="text/javascript"></script>
<script src="/jquery/jquery.oembed.min.js" type="text/javascript"></script>

• Youtube - oembed - YQL


• Blip - oEmbed


• Hulu - oEmbed


• Vimeo - oEmbed


• National film board of Canada - oEmbed


• Qik - oEmbed


• Dotsub - oEmbed


• Clikthrough - oEmbed


• Kino Map - oEmbed


• Funny Or Die - Embedded


• College Humour - Embedded


• Metacafe - Embedded


• embedr - Embedded


• 5min - oEmbed is XML only - using YQL to translate it


• ustream.tv - oEmbed is not JSONP enabled - using YQL to translate it


• viddler - OGP


• twitvid - Embedded


• bambuser - Embedded


• xtranormal - Embedded


• Gametrailers - Embedded


• Vzarr - Embedded


• VHX - oembed


• bambuser - oembed


• dailymotion.com - oembed


• animoto - oembed


• justin.tv - YQL JSON


• livestream - OGP


• scivee - embedded


• veoh - embedded


• minoto-video - oembed using YQL


• TrailerAddict - OGP


• vodpod - oembed YQL - broken as the oembed has absolute positioning which breaks the display


• fora.tv -OGP YQL


• TED - OGP YQL


• Aniboom - embedded


• Comedy Central - OGP


• snotr - embedded


• zapiks - OGP


• youku - embedded


• wistia - Oembed

• Soundcloud - oEmbed


• HuffDuffer - oEmbed


• BandCamp - YQL and Embedded


• podomatic - OGP


• rdio.com - oEmbed


• hark.com - OGP


• chirb.it - YQL and oembed


• official.fm - YQL and oembed


• mixcloud - YQL and oembed


• shoudio - oembed


• audioboo.fm - OGP


• Spotify - OGP YQL

• flickr - oEmbed


• photobucket - oEmbed


• instagram - oEmbed


• yfrog - oEmbed


• 23HQ - oEmbed


• Smugmug - oEmbed


• twitpic - OGP YQL


• 500px.com - OGP


• visual.ly - YQL Lookup


• img.ly - Thumbnail view


• imgur.com - Thumbnail view


• twitgoo.com - Thumbnail view


• gravatar - Thumbnail view when using mailto


• pintrest - YQL - Embedded view of a sort.


• circuitlab - image view


• skitch - YQL oembed


• graphic.ly - OGP


• dribble - jsonp lookup


• Lockerz - YQL lookup


• AsciiArtFarts - YQL Lookup


• lego cusoo - OGP over YQL


• plannary - OGP over YQL


• propic - OGP


• avairy.com - OGP


• lomography - ogp


• weheartit - ogp


• glogster - ogp


• chart.ly - embedded


• twitrpix - OGP


• chictopia - OGP

• Meetup - oEmbed


• gigapans - Embedded


• Slideshare - oEmbed


• ebay - Embedded


• scribd - Embedded


• screenr - Embedded


• tumblr- JSONP lookup


• imdb - JSONP lookup via imdbapi.com


• wikipedia- JSONP lookup


• github- JSONP lookup (CSS)


• eventful - OGP


• myspace - OGP


• live Journal - JSONP Lookup (CSS)


• wordpress - oEmbed (wordpress.com, wp.me, blogs.cnn.com, techcrunch.com). I can add other wordpress sites as well.


• circuitbee -Embedded


• stack overflow - JSONP Lookup (CSS)


• Facebook - JSONP Lookup (CSS)


• Pastebin - Embedded


• Pastie - YQL lookup


• kickstarter - Embedded


• issuu - OGP


• reelapp.com - Embedded


• Etsy - OGP over YQL


• Amazon - Embedded - Requires Affiliate code


• linkedin - Embedded IFRAME - found a link that works


• Lanyrd - YQL (CSS)


• twitter - Oembed - status only - but that is ok I think


• github gist - oembed


• speakerdeck - yql oembed


• dipity - yql oembed


• dailymile - oembed


• deviantart - oembed


• Roomshare Japan - oembed


• mobypictures - oembed


• prezi - embedded


• popplet - embedded


• authorstream - OGP


• googlecalendar - Iframe


• cacoo - oembed


• pearltrees - embedded


• urtak - oembed - is broken in iframe return atm -seems to be an embed.ly issue??


• jotform - embedded


• Urban Dictionary - YQL lookup


• Ars Technica - YQL Lookup


• Eventbrite - OGP YQL


• last.fm OGP YQL


• Rotten Tomatoes - OGP YQL


• iFixit - OGP


• qwiki - OGP


• brighttalk - Meta info


• tinychat - OGP


• tourwrist - embedded


• bnter - OGP


• bigthink - OGP


• wirewax - OGP


• whosay - OGP


• timetoast - embedded


• tripline - OGP


• jsfiddle - embedded

config.extraPlugins = '[ oEmbed ]';

toolbar :[ ... ['oEmbed']...]

uniterre wrote:well, I remove the comments for 2 lines :
error: settings.onError.call(container, externalUrl, embedProvider)

and it works on IE

Why ?

cosmonaut wrote:When I paste in a youtube URL like:
http://www.youtube.com/watch?feature=pl ... tXtSGRV0xc

(note v= param is at the END of URL)

nothing happens in FF or chrome.

In IE, I get this error:
Unable to get the value of the property 'json': object is null or undefined
jquery.oembed.js
line: 444
char: 6

- - - - - - - - - - - - - -

Unfortunately, this URL format is quite common.

http://www.youtube.com/watch?v=IlHRSpFGtQk

Uncaught TypeError: Cannot read property 'json' of null

The current version (4.0) of the OEmbed plugin is not compatible with CKEditor 4.1, thwors an error of Uncaught TypeError: Cannot read property 'isBlock' of undefined. The fix is really easy. In the ombed plugin directory find the plugin.js and change the following rows

editorInstance.insertHtml(editor.config.oembed_WrapperClass != null ? '<div class="' + editor.config.oembed_WrapperClass + '" />' : '<div />');
editorInstance.insertHtml(e.code);

to

editorInstance.insertHtml(editor.config.oembed_Wrapper != null ? $('<div>').append($(editor.config.oembed_Wrapper).append(e.code)).html() : e.code);

From now on instead of specifying a wrapper class like

config.oembed_WrapperClass = 'embededContent';

specify any wrapping tag with additional attributes and/or styles, like

config.oembed_Wrapper = '<p style="text-align:center">';

And that's all.