Scrollable playlist JavaScript Plugins - Demo 6 / 13

Example setup

There are hundreds of ways you can setup a playlist for Flowplayer. The best skill for implementing a custom playlists is definitely the mastery of the CSS language. The following playlist is build with three images and the rest of the look and feel comes from this CSS file.

The scrolling in this playlist is implemented using the jquery.scrollable tool. You can scroll through the items by clicking on the arrows, using the cursor keys, or with your mousewheel.

$(function() {
	// setup scrolling for the playlist elements
	$("div.playlist").scrollable({
		items:'div.clips',
		vertical:true,
		next:'a.down',
		prev:'a.up'
	});
	
	// setup player 
	$f("player", "http://releases.flowplayer.org/swf/flowplayer-3.2.7.swf", {
	
		clip: {baseUrl: 'http://blip.tv/file/get'} 
		
	// use playlist plugin to enable playlist items work as movie clips
	}).playlist("div.clips");		
});

Here is documentation for the playlist plugin.

DEMO AREA Scripting and JavaScript plugins

Flowplayer Twitter feed