jQuery Youtube Playlist Plugin – Youtube Playlist

October 21, 2009
Filed under: Featured, JavaScript 

Using the plugin

The plugin acts on a simple unordered list containing links to YouTube videos, e.g.

<div>
<div id="ytvideo"></div>
<ul>
    <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

Comments

Tell me what you're thinking...
and oh, if you want a pic to show with your comment, go get a gravatar!





*
To prove you're a person (not a spam script), type the security word shown in the picture. Click on the picture to hear an audio file of the word.
Anti-spam image