Cooliris Embed

Check out our new Developer Docs

The Cooliris Wall can now be embedded on your website! To start showing off your best photos and videos, follow the steps below...

What's New?

My Gallery - Allows you to create your own galleries from Picasa and Flickr.
Picasa API
Flickr API
Metadata Search and UI Customizations

The Embed Code

First, copy and paste this embed code onto your webpage:

<object id="o" classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" width="760" height="450">
    <param name="movie" value="http://apps.cooliris.com/embed/cooliris.swf" />
    <param name="flashvars" value="feed=http://www.euroxsports.com/photos.rss" />
    <param name="allowFullScreen" value="true" />
    <param name="allowScriptAccess" value="always" />
        <embed type="application/x-shockwave-flash" src="http://apps.cooliris.com/embed/cooliris.swf" width="760" height="450"
            flashvars="feed=http://www.euroxsports.com/photos.rss" 
            allowFullScreen="true"
            allowScriptAccess="always">
        </embed>
</object>

Try out your webpage now. You should see a few cool sports-related photos and videos. Of course, you will probably want to present your own photos and videos. To do this, you need to create an RSS feed for your media.

The Media RSS Feed

A media RSS feed tells Cooliris for Your Site where to find your media files. It is a text file that looks something like this:

<?xml version="1.0" encoding="UTF-8" standalone="yes"?>
<rss version="2.0" xmlns:media="http://search.yahoo.com/mrss/" xmlns:atom="http://www.w3.org/2005/Atom">
<channel>
    <title>Sports</title>
    <link>http://www.euroxsports.com/</link>
    <atom:link href="http://www.euroxsports.com/media.rss" rel="self" type="application/rss+xml" />
    <description></description>
    <item>
        <title>Sabercats</title>
        <link>http://www.sanjosesabercats.com/</link>
        <guid isPermaLink="false">d59f51a0-7e04-11dd-ad8b-0800200c9a66</guid>
        <description>Front row seats at the Saber Cats game, in San Jose, California.</description>
        <media:thumbnail url="http://www.euroxsports.com/videos/Sabercats.png"/>
        <media:content type="video/x-flv" url="http://www.euroxsports.com/videos/Sabercats.flv"/>
    </item>
</channel>
</rss>

Place this text file on your website (e.g., at http://www.mywebsite.com/media.rss).
Click here for more information on adding Media RSS Feeds to your website.

Finishing Touches

Once you have the Media RSS feed set up, place a reference to the feed in the <head>...</head> section of your webpage. This will enable your website for users of the Cooliris browser extension.

<html>
<head>
    <link rel="alternate" type="application/rss+xml" title="Media RSS" href="media.rss" />
</head>
....

To allow Flash to load the feed from your website, you will need to place a crossdomain.xml file at the root of your website. The crossdomain.xml file looks like:

<?xml version="1.0"?>
<!DOCTYPE cross-domain-policy SYSTEM "http://www.macromedia.com/xml/dtds/cross-domain-policy.dtd">
<cross-domain-policy>
    <site-control permitted-cross-domain-policies="all"/>
    <allow-access-from domain="*.cooliris.com" secure="false" />
    <allow-access-from domain="*.piclens.com" secure="false" />
</cross-domain-policy>

If your website is http://www.mysportsphotos.com/, you will need to place this file at: http://www.mysportsphotos.com/crossdomain.xml. For more information, see Adobe's crossdomain.xml specification.