Playlist with custom template and paging

This following playlist demonstrates using custom template and CSS files and server side paging.

The following parameters are used to utilize these features:

• templatePath: Link to the template file used to render each entry in the playlist. Note: The file name must end with ".tmpl.html".
• iframeHTML5Css: Link to the custom CSS file. Use this file to override the regular playlist CSS classes.
• onPageCss1: Link to the custom CSS file used when using an onPage playlist.
• paging: When set to true will invoke server side paging according to the pageSize property value. Default is false.
• pageSize: Number of entries to fetch from the server for each page.
• horizontalScrollItems: Number of items to scroll horizontally when clicking the scroll button.
• mediaItemHeight: Sets the height of the playlist items.

Sample Code:

var basePath = document.location.toString().split("PlaylistPagingTemplate")[0];
kWidget.featureConfig({
	'targetId': 'kaltura_player',
	'wid': '_243342',
	'uiconf_id': '25975211',
	'flashvars': {
		'playlistAPI':{
			'autoContinue': true,
			'includeInLayout': true,
			'autoPlay': false,
			'loop': false,
			'onPage': false,
			'layout': 'horizontal',
			'containerPosition': 'bottom',
			'hideClipPoster': true,
			'onPageCss1' : basePath + 'externalResources/customplaylist.css',
			'kpl0Name': "50 items playlist",
			'kpl0Id': '1_giunvyzh',
			'paging': true,
			'pageSize': 10,
			'MinClips': 5,
			'horizontalScrollItems': 5,
			'mediaItemHeight': 100,
			'templatePath': basePath + 'externalResources/customplaylist.tmpl.html',
			'iframeHTML5Css': basePath + 'externalResources/customplaylist.css'
		}
	}
});