For a recent client project, we wanted to be able to turn a list of YouTube links into a playlist. This would allow the client to manage their videos on YouTube and simply insert links to the videos on their site. With javascript enabled a nice playlist is created, whilst without javasript the user gets a regular list of links to youtube pages.
Using the plugin
The plugin acts on a simple unordered list containing links to YouTube videos, e.g.
holderId – (ytvideo)
The ID of the element (usually a div) into which the YouTube video will be inserted
playerHeight – (300)
The height of the embdedded youtube video
playerWidth – (450)
The width of the embdedded youtube video
addThumbs – (false)
Use true to add video thumbnails to each list item
thumbSize – (small)
Size of added thumbnails. Default is small, use large for larger thumbnails
showInline – (false)
If this option is true, the list item containing the link will be replaced with the YouTube video. See the gallery demo for an example of this.
autoPlay – (false)
true or false, whether or not to autoplay videos
showRelated – (true)
Set to false to stop related videos being shown at the end of the embedded video
jQuery Youtube Playlist Plugin – Youtube Playlist
For a recent client project, we wanted to be able to turn a list of YouTube links into a playlist. This would allow the client to manage their videos on YouTube and simply insert links to the videos on their site. With javascript enabled a nice playlist is created, whilst without javasript the user gets a regular list of links to youtube pages.
Using the plugin
The plugin acts on a simple unordered list containing links to YouTube videos, e.g.
<div class="yt_holder"> <div id="ytvideo"></div> <ul class="demo1"> <li><a href="http://www.youtube.com/watch?v=QBBWKvY-VDc">Video 1</a></li> <li><a href="http://www.youtube.com/watch?v=ZXMQqLnRhRI">Video 2</a></li> <li><a href="http://www.youtube.com/watch?v=Wvo-g_JvURI">Video 3</a></li> </ul> </div>$(function() { $("ul.demo1").ytplaylist(); });Plugin options
Option – (default)
holderId – (ytvideo)
The ID of the element (usually a div) into which the YouTube video will be inserted
playerHeight – (300)
The height of the embdedded youtube video
playerWidth – (450)
The width of the embdedded youtube video
addThumbs – (false)
Use true to add video thumbnails to each list item
thumbSize – (small)
Size of added thumbnails. Default is small, use large for larger thumbnails
showInline – (false)
If this option is true, the list item containing the link will be replaced with the YouTube video. See the gallery demo for an example of this.
autoPlay – (false)
true or false, whether or not to autoplay videos
showRelated – (true)
Set to false to stop related videos being shown at the end of the embedded video
Demo: http://geckohub.com/jquery/youtubeplaylist/gallery.html
Download: http://geckohub.com/jquery/youtubeplaylist/jquery.youtubeplaylist.zip
Source: http://www.geckonewmedia.com/blog/2009/8/14/jquery-youtube-playlist-plugin—youtubeplaylist
Related Listings: