= collective.embedly = [[PageOutline]] == Links == * [https://svn.plone.org/svn/collective/collective.embedly SVN Repository] == Overview == This package provides TinyMCE visual editor support for [http://api.embed.ly/docs embed.ly] service: videos, images and other rich media files can be inserted to Plone from different services through one API. The approach here is to use the Transform machinery to replace the URL with embed code by calling the embed.ly API. There are [http://api.embed.ly 204 services] so far that support embedly service, such as: * video sharing sites: Youtube, Blip.tv, Vimeo, TED.com * audio streaming services: Grooveshark, !SoundCloud, last.fm * image/photo sticks: Flickr * other: !GoogleMaps, Facebook, Twitter This product was developed by http://quintagroup.com for Plone collective, sponsored by Headnet company http://headnet.dk/. == Usage == To embed media from the embedly-supported external resource to Plone: 1. Go to your site '''HTML Filtering''' panel (/@@filter-controlpanel) and add tags that are used for embedding content from that external service into the list of '''Custom Tags''' and remove them from the lissts of '''Nasty Tags''' and '''Stripped Tags'''. These are usually such tags as ''embed'', ''object'', ''iframe'' and others. 2. Go to the object's edit form, select some text and choose "Embedly link" style for it [[Image(style.png, nolink)]] 3. The text should now look like linked. TinyMCE makes the whole passage linked, so keep in mind that the whole passage will later be substituted with embedded media. 4. Select this text again and go to ''Insert link'' to insert the URL to the desired object on the external service. 5. Save this page Now when rendered, there will be "preview" from embed.ly service inserted instead of the linked text. For example: video from !YouTube: [[Image(page.png, nolink)]] == Examples == Please see the following pages to learn how to: * How to embed videos from YouTube to Plone? * How to embed videos from blip.tv to Plone? * How to embed videos from vimeo to Plone? * How to embed videos from TED.com to Plone? * How to embed images from Flickr to Plone? * How to embed map from GoogleMaps to Plone? === 1. !YouTube on Plone === http://www.youtube.com/watch?v=LBDtqdOG4Uc === 2. blip.tv on Plone === http://quintagroup.blip.tv/file/2074802 === 3. Flickr on Plone === http://www.flickr.com/photos/quintagroup/3468489696 === 4. Google Maps on Plone === http://maps.google.com/maps?f=q&source=s_q&hl=en&geocode=&q=lviv&aq=&sll=49.85,24.016667&sspn=0.300621,0.617294&ie=UTF8&hq=&hnear=L%27viv,+L%27vivs%27ka+oblast,+Ukraine&z=12&iwloc=A