jQuery.fn.ytplaylist = function(options) { var options = jQuery.extend({ holderId: 'ytvideo', playerHeight: '300', playerWidth: '450', addThumbs: false, thumbSize: 'small', showInline: false, autoPlay: true, showRelated: true, allowFullScreen: false }, options); return this.each(function() { var selector = $(this); var autoPlay = ""; var showRelated = "&rel=0"; var fullScreen = ""; if (options.autoPlay) autoPlay = "&autoplay=1"; if (options.showRelated) showRelated = "&rel=0"; if (options.allowFullScreen) fullScreen = "&fs=1"; function play(id) { var html = ''; html += '<object height="' + options.playerHeight + '" width="' + options.playerWidth + '">'; html += '<param name="movie" value="http://www.youtube.com/v/' + id + autoPlay + showRelated + fullScreen + '"> </param>'; html += '<param name="wmode" value="transparent"> </param>'; if (options.allowFullScreen) { html += '<param name="allowfullscreen" value="true"> </param>' } html += '<embed src="http://www.youtube.com/v/' + id + autoPlay + showRelated + fullScreen + '"'; if (options.allowFullScreen) { html += ' allowfullscreen="true" ' } html += 'type="application/x-shockwave-flash" wmode="transparent"  height="' + options.playerHeight + '" width="' + options.playerWidth + '"></embed>'; html += '</object>'; return html }; function youtubeid(url) { var ytid = url.match("[\\?&]v=([^&#]*)"); ytid = ytid[1]; return ytid }; var firstVid = selector.children("li:first-child").addClass("currentvideo").children("a").attr("href"); $("#" + options.holderId + "").html(play(youtubeid(firstVid))); selector.children("li").children("a").click(function() { if (options.showInline) { /*$("li.currentvideo").removeClass("currentvideo");*/ $(this).parent("li").addClass("currentvideo").html(play(youtubeid($(this).attr("href")))) } else { $("#" + options.holderId + "").html(play(youtubeid($(this).attr("href")))); /* $(this).parent().parent("ul").find("li.currentvideo").removeClass("currentvideo");*/ $(this).parent("li").addClass("currentvideo") } return false }); if (options.addThumbs) { selector.children().each(function(i) { var replacedText = $(this).text(); if (options.thumbSize == 'small') { var thumbUrl = "http://img.youtube.com/vi/" + youtubeid($(this).children("a").attr("href")) + "/2.jpg" } else { var thumbUrl = "../Images/home_video_thumb.jpg" } $(this).children("a").empty().html("<img src='" + thumbUrl + "' />") }) } }) };