I recently needed a quick way to pull back a listing of YouTube videos and show them in the sidebar of a site, being the incredible awesome person that I am I whipped it up as a quick plugin that I’m now releasing. This jQuery YouTube plugin is perfect for displaying YouTube video on a [...]
I recently needed a quick way to pull back a listing of YouTube videos and show them in the sidebar of a site, being the incredible awesome person that I am I whipped it up as a quick plugin that I’m now releasing. This jQuery YouTube plugin is perfect for displaying YouTube video on a WordPress blog sidebar or just a general website site bar. It does not require any type of server side language (PHP, ColdFusion , Rails, etc…) so you can use it on any site, even basic HTML sites.
Download:
Download as a zip or tar file from GitHub: jQuery YouTube Plugin zip/tar
Access the project repository on GitHub: jQuery YouTube GitHub Repository
How to Use:
The example that’s included in the download/GitHub repository should be enough to get you started but I’ll show an example that has all of configurable options in place (I’ve marked the required attributes in the code sample below). You can open the jquery.youTube.js file for this same listing
More Examples
Get 10 videos about Call of Duty with a header called ‘Call of Duty Videos’
Get 5 videos about dogs with a no header and no description
Notes
showRatings: will output an empty div with the css class shown above (inspect the outputted results with Firebug to see…) this will allow you to style up your ratings however you like (stars, thumbs, etc…)
Download:
Download as a zip or tar file from GitHub: jQuery YouTube Plugin zip/tar
Access the project repository on GitHub: jQuery YouTube GitHub Repository
19 Responses
Youtube is my favortie site to visit aside from facebook. most of the time i watched movie trailers and music videos on it.
I love youtube but yeah it can have some bad points. Like with illegal material and stuff.
Nice one dude, but how do i order by date..
thankxs
@tommy: Ordering by date is just a matter of changing the query sent to youtube, check their api docs for the order attribute to pass (I believe I’m ordering by rating)
I love watching videos online specially on Youtube. There are lots of music clips, movie clips and instructional videos on Youtube. I love em all.
Just came across this blog and so far it looks good. Glad my mate told me about this site. Going to subscribe to the feed. Cheers!
Hey admin, very informative blog post! Pleasee continue this awesome work..
Is it possible to query for a playlist channel?
There is no link, I need the jquery.youTube.js but the link is not working
Sorry, the link is fine, the problem was me. Very good plugin.
Is just me or this plugin have some issues on IE may a missing js
I do not understand what the need for this plugin?
Hey guys !! NIce work..!!! thnxx… a lot..
Hey,
thanks for this nice and easy to integrate plugin.
I just got one question, i want to open the videos in a fancybox.
i tried this one: http://webdesignandsuch.com/fancybox-youtube-videos/
But it still opens the videos in a new window, and yep i changed the url output of the yt videos, also without _blank and class called video.
Any suggestions? Thanks in advance
Pretty ingenious – wouldn’t have thought it was this simple, in all honesty. I haven’t really played around with the Youtube API at all.
This is very informatics article for all readers and this is a nice shearing in my eyes. Keep moving!
I love youtube but yeah it can have some bad points. Like with illegal material and stuff.
I have been seeking for this.I loved to read your write-up.You must be putting a whole lot of time into your weblog!
Good approach ! Can i use a specific youtube channel’s rss with this plugin ?