Video Gallery

Update: We’ve created a wordpress plugin so you can easily put a gallery on your blog: Vodpod Plugin for WordPress

The Vodpod API provides a powerful way to create video galleries on your site, without any server code required.

All API calls can return either XML or JSON, and you can use the JSON and some JavaScript to create a video gallery like the one below. You can either use the code for this gallery as-is, tweak it to fit your needs, or come up with something even cooler on your own (let us know at feedback@vodpod.com if you do).

The Video Gallery we’ve created consists of a few javascript files (Prototype is required), a CSS to style the gallery, and a bit of HTML placeholder code, which specifies where on the page the Gallery will be rendered.

Files

Required HTML





var gallery = new Vodpod.Gallery('pod_subdomain', "your_api_key", $('widget_container'));

[vodpod_gallery pod=spencerpod]

#sidebar {
display:none; }
#vodpod_recent_videos_60 {
display:none;
}

7 Responses leave one →
  1. 2009 March 25

    Hi,

    Thanks for provding this script. its great.. but its creating problem while viewing in IE 7..
    any solution?

  2. 2009 March 25
    scottp permalink

    I suggest you sign up at Vodpod.com, then get the latest gallery code here:

    http://vodpod.com/account/widgets/galleries

    That code seems to work OK on IE.

  3. 2009 March 25

    Thanks for response. it fixed up.. actually i need to play with your css. and the it get solved. one more thing you have mentioned left right image. but you have not provided those image. and navigation is not working…
    what to do for that?

  4. 2009 March 27
    scottp permalink

    I suggest you ask your question on the Vodpod forums:

    http://vodpod.com/forums/3

    You will get faster help there.

    –scott

Trackbacks & Pingbacks

  1. VodPod in Words » API? Check. (Finally!)
  2. VodPod in Words » New (and beautiful!) widgets for your blog
  3. API? Check. (Finally!) « Vodpod Blog

Leave a Reply

Note: You can use basic XHTML in your comments. Your email address will never be published.

Subscribe to this comment feed via RSS