VPL for JW Player 7

Player library

A plugin fix for making the JW Player 7 visual playlist responsive

It also offers the following additional features:

• Makes the Visual Playlist responsive - with configurable width, height and margin options at flexible player sizes
• Removes the scrollbar when not needed
• Ability to include descriptions within the Visual Playlist
• Ability to customise the Visual Playlist title (changing it from "PLAYLIST")
• When a player has a playlist, and the Visual Playlist is enabled, the controlbar will be visible by default - this can also be configured

---

Getting started with VPL for JW Player

Step 1 - Add a plugins block as follows:

  jwplayer("example").setup({
  ...
  "plugins": {
    "http://www.dev.powered-by-haiku.co.uk/solutions/jw7vpl/code/jw7vpl.js":{
      "title":"VPL: Powered by Haiku", // Optional
      "showDescription":true, // Optional - defaults to false
      "showControls":true, // Optional - defaults to true
      "sizing":{ // Optional - see below
        "480":{
          "width":"50%",
          "height":"100%",
          "margin":[0,0,0,0]
        },
        "600":{
          "height":"75%"
        }
      }
    }
  }
  ...
  }

Where the sizing block above is made up of any number of sizing configurations. Sizing configurations take the following format:

"<player-width-in-pixels>":{
  "width": "<visual-playlist-width>(% or px)",
  "height": "<visual-playlist-height>(% or px)",
  "margin": [<top-margin-in-px>,<right-margin-in-px>,<bottom-margin-in-px>,<left-margin-in-px>]
}

The default sizing configuration is as follows:

"0":{
  "width": "100%",
  "height": "100%",
  "margin": [0,0,0,0]
}

That's it!

PS: If you'd like to extend your JW playlist functionality further, you may also be interested in Listy for JW Player.