Example: Adding features - Shuffle, Search

Demonstrates how to enable "Shuffle" and "Search" capabilities.

Key features

  • Customisable button label - rename "Shuffle" to whatever you like.
  • Shuffle only randomises items within the playlist which appear after the current playing item
  • Search allows you to quickly pinpoint tracks within the playlist


CSS

HTML

  <div id="player_wrapper">
    <div id="example"></div>
  </div>

Setup code

  jwplayer("example").setup({
    "playlist":[{...}],
    "width":"100%",
    "aspectratio":"16:9",
    "plugins": {
      "listy.js":{
        "features":{
          "shuffle":{"enabled":true,"label":"Mix it up!","onLoad":false},
          "search":{"enabled":true}
        }
      }
    }
  });