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)
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. https://www.youtube.com/watch?v=pJSkp719HeE
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
Only 5 kb (minified version).
NEW!! WordPress version available
NEW!! CHECKOUT – Vimeo version available
“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
NEW version 5.0
It now uses the v3 API and need an API key to function
Fullscreen fix Chrome
Fixed youtube bug
Added new sort reverse option for playlists. To reverse use ‘reversedPosition’. Only for playlists ! (version 4.1)
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
Fixed social icons when slidingshow is true and automatic http/https detection (update only the js files)
Added pinterest social button
Fixed social buttons appearing on startup movie and showing a thumb on facebook (update only the js file)
IE js bug (update only the js file)
Updated playlist problem
NEW version 4.0 !
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 !
- 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
Updated duration notations
Small js update. Reversed the array for the regular youtube playlist so the order will be same as the list player
Removed custom title setting on startup. Invalid option now and fixed by youtube
Small fix js update
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.
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.
NEW VERSION 2.0
Updates with improved jquery and added some nice sliding effects
Check out the demo
- Easy to adapt in any existing homepage
- All colors can be set in plain css
- OOP based
- 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