Example: Basic setup

Demonstrates how Listy works with zero additional configuration.

Key features

  • Same playlist output whether the player is rendered in Flash or HTML5 mode - allowing for complete control over styling
  • No restriction on title or description lengths
  • Includes next / previous icons in control bar


CSS

  #player_wrapper{
    width:65%;
    margin-right:auto;
    margin-left:auto;
    max-width:800px;
  }
  #example{
    float:left;
  }

HTML

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

Setup code

  jwplayer("example").setup({
    "playlist":[{...}],
    "width":"100%",
    "aspectratio":"16:9",
    "plugins": {
      "listy.js":{}
    }
  });