Skip to content

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;
}

8 Comments leave one →
  1. March 25, 2009 9:36 am

    Hi,

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

  2. scottp permalink
    March 25, 2009 11:16 am

    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. March 25, 2009 11:58 pm

    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. scottp permalink
    March 27, 2009 12:05 pm

    I suggest you ask your question on the Vodpod forums:

    http://vodpod.com/forums/3

    You will get faster help there.

    –scott

  5. Jim Eckland permalink
    September 29, 2010 12:11 am

    Hi,

    Could you please elaborate and clearify on this Video Gallery. I’m new to this and need more detailed information to set it up.

    Thanks,

    Jim E.

Trackbacks

  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

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Connecting to %s

Follow

Get every new post delivered to your Inbox.