YouTube Playlist Player

youtube_playlist_player.rhtml

<!-- YouTube Playlist Player Styles -->
<link href="/themes/shared/youtube_playlist_player/stylesheets/youtube_playlist.1.0.4.css" rel="stylesheet" />


<!-- Required Playlist Player Markup -->
<div class="ytcontainer">
		<div id="ytplayer"></div>
		<div id="video-info">
			<noscript><p>Oops, you should <a href="https://support.google.com/bin/answer.py?hl=en&answer=23852">enable Javascript</a> to be able to see these videos. You can also <a href="http://www.youtube.com/user/WestVirginiaU">watch the videos on YouTube.</a></p></noscript>
		</div> <!-- /#video-info -->
	
	<div id="content">	
		<div class="pagination"></div>
		<div id="ytwrapper">
			<ul id="playlist"></ul>
		</div> <!-- /#ytwrapper -->
		<div class="pagination"></div>
	</div><!-- /#content -->
</div> <!-- /.ytcontainer -->


<!-- Required JS: jQuery, SWF Object, jQuery TubePlayer, and TubePlayer Custom -->
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
<script>window.jQuery || document.write('<script src="/themes/shared/javascripts/jquery-1.10.2.min.js"><\/script>')</script>

<script src="https://ajax.googleapis.com/ajax/libs/swfobject/2.2/swfobject_src.js"></script>	

<script>
	$jQ = jQuery.noConflict();
</script>
<script src="/themes/shared/youtube_playlist_player/js/jquery.tubeplayer.plugins.min.1.0.4.js"></script>
<script>
	/* playlist ID, found in the URL. 
         * Eg: http://www.youtube.com/playlist?list=PLD5A0FAA3F94A9482 , change this to your playlist ID below
        */
	var playListID = 'PLD5A0FAA3F94A9482';
</script>
<script src="/themes/shared/youtube_playlist_player/js/jquery.tubeplayer.custom.1.0.4.js"></script>