Youtube playlist jquery and php Gdata Api

Youtube playlist jquery and php Gdata Api


YouTube Playlist SEO with jQuery

Is an unordered list of YouTube links converted into a video playlist. The php script makes the youtube list on a fly and uses the latest Gdata Api v3.
You can choose to make a video playlist with keywords, userchannel or a regular youtube playlist.
There are many options which can be set in the php script and in the jQuery function. Including the new html5 youtube player option.
This is the only youtube script available with search engine optimalisation (SEO)

NEWS 09-04-2015

The youtube API v2 was already depreciated in March 2014 and will be retired on April 20 2015

This doesn’t mean that the V2 will not work anymore after 20 april but could give errors, problems or other dysfunctional behaviour.

I had to rewrite the class to work with the V3 API and removed a lot of functions wich are not working anymore.

You now need an API key else it won’t work ( Get your API key here )

I only made this update for you guys instead of deleting this app so it still will be working

I made a small video how to create an API key for the V3 youtube.

Thanks for understanding, Ceasar

All settings are added which are possible with the youtube player and the video GDATA api. That makes it a little bit overwhelming but also very complete

compatible with jquery 1.9x

NB for the HD setting by default

If there’s a 720p transcode (HD) available and you want it to play by default, then use a player that’s at least 720px high


-Jeff Posnick, YouTube API Team

Youtube playlist jquery and php Gdata Api - 1
Youtube playlist jquery and php Gdata Api - 2

Only 5 kb (minified version).

NEW!! WordPress version available

NEW!! CHECKOUT – Vimeo version available

Some comments

“Dear, i am searching youtube playlist in internet about 1 month i buy some video scripts but i didnt satisfy. but this i am 100% satisfy. I recommended this script. May God Bless You.8221; — bobbyy123

“Thanks for your support Ceasar, got it working! Can’t recommend this author / script enough” – rweaver85

“Wow sweet work very nice” – ttheb64

“i so missed this one. will buy on friday” — alkline

“HI love your player! Great Work!.” — ThierryNakoa

“It works! You’re a truly amazing developer! This is a fantastic script! And your support is incredible! Thank you!” — nimashams

“Thanks! 5 star rating sent from my download area” — imagineUtopia

“Thank you for the great script. All Ok in this side. Worked at first try.” — bmag

“Awesome and very flexible product, thank you” — kjup

“This is great! Extremely well written and designed, and excellent documentation. Saved me at least 2 days of development for the same thing.” — LongLiveCHIEF

“Just want to say after figuring out the setup, this is awesome! I Love it..” — ahking

“I just purchased this yesterday, and it is easily and nicely integrated into my website! Thumbs up!” — initialsHL


UPDATE 09-apr-2015:

NEW version 5.0
It now uses the v3 API and need an API key to function

UPDATE 10-oct-2014:
Fullscreen fix Chrome

UPDATE 21-mar-2014:
Fixed youtube bug

UPDATE 14-sep-2013:

Added new sort reverse option for playlists. To reverse use ‘reversedPosition’. Only for playlists ! (version 4.1)

UPDATE 15-jul-2013:

Choose title and description output in php. Default is title all uppercase and description first letter uppercase and the rest lowercase or false to use the original title and description from youtube

UPDATE 26-jun-2013:

Fixed social icons when slidingshow is true and automatic http/https detection (update only the js files)

UPDATE 02-jun-2013:

Added pinterest social button

UPDATE 12-may-2013:

Fixed social buttons appearing on startup movie and showing a thumb on facebook (update only the js file)

UPDATE 07-may-2013:

IE js bug (update only the js file)

UPDATE 15-nov-2012:

Updated playlist problem

NEW version 4.0 !

UPDATE 12-sept-2012:

NEW auto loop through playlist

  • slidingshow – (false)
    Set to true to play the complete playlist one after another in a continues loop (check example 1 and 3 from the demo)

NEW version 3.0 !

UPDATE 23-jun-2012:

  • Removed the older player version 2 since this AS2 version will expire in october 2012.
  • Removed the HD js parameter. Youtube will auto detect if the player is wide enough to play HD by default.
  • Just add <link rel=”stylesheet” type=”text/css” href=”./css/youtubeplaylist-right-with-thumbs.css” /> en copy and paste example 3 from the package

    (There is also an example with no thumbs <link rel=”stylesheet” type=”text/css” href=”./css/youtubeplaylist-right.css” />)
  • Added custom scrollbars for webkit en IE browsers

UPDATE 01-may-2012:

Updated duration notations

UPDATE 02-jan-2012:

Small js update. Reversed the array for the regular youtube playlist so the order will be same as the list player

UPDATE 06-dec-2011:

Removed custom title setting on startup. Invalid option now and fixed by youtube

UPDATE 04-dec-2011:

Small fix js update

UPDATE 12-nov-2011:

Added social icons with mouseover the video (facebook and twitter). It adds the title, thumb and description to the social networks with a link back to your page.

UPDATE 01-nov-2011:

Added an slideshow option. If you choose the slideshow option the list beneath the video will dissapear and instead the standard youtube playlist player will appear. Check out the second demo.

UPDATE 30-oct-2011:

Updates with improved jquery and added some nice sliding effects

Check out the demo


DEMO youtube playlist

Key Features:

  • Easy to adapt in any existing homepage
  • All colors can be set in plain css
  • OOP based
  • SEO (search engine optimization) optimized. The biggest advantage over other full javascript or flash solutions is that the tiltles and descriptions from the video’s are placed into the source of the page so it can be retrieved by the search engines
  • All scripts are well documented
  • Checks if youtube video can be embedded
  • Can also be used with a jQuery lightbox
  • Works in all major browsers

On the demo there are some settings described

Here an example in my minicms homepage (dutch language) with the searchbox disabled

P.S: If you purchase this script give us a link back to see how it looks on your website


Leave a Reply

Your email address will not be published. Required fields are marked *

Related Posts

Begin typing your search term above and press enter to search. Press ESC to cancel.

Back To Top