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:

The Kaltura playlist plugin, supports associating multiple clips in sequence.


Sample Code:

  1. var basePath = document.location.toString().split("PlaylistPagingTemplate")[0];
  2. kWidget.featureConfig({
  3. 'targetId': 'kaltura_player',
  4. 'wid': '_243342',
  5. 'uiconf_id': '25975211',
  6. 'flashvars': {
  7. 'playlistAPI':{
  8. 'autoContinue': true,
  9. 'includeInLayout': true,
  10. 'autoPlay': false,
  11. 'loop': false,
  12. 'onPage': false,
  13. 'layout': 'horizontal',
  14. 'containerPosition': 'bottom',
  15. 'hideClipPoster': true,
  16. 'onPageCss1' : basePath + 'externalResources/customplaylist.css',
  17. 'kpl0Name': "50 items playlist",
  18. 'kpl0Id': '1_giunvyzh',
  19. 'paging': true,
  20. 'pageSize': 10,
  21. 'MinClips': 5,
  22. 'horizontalScrollItems': 5,
  23. 'mediaItemHeight': 100,
  24. 'templatePath': basePath + 'externalResources/customplaylist.tmpl.html',
  25. 'iframeHTML5Css': basePath + 'externalResources/customplaylist.css'
  26. }
  27. }
  28. });
html5 qunit | flash qunit