Example: Editing a playlist - Moving / Removing items

Demonstrates how to enable "Edit" which includes "Remove", "Move Up" and "Move Down" capabilities.

Key features

  • Customisable button labels - rename "Edit", "Remove", "Move Up" and "Move Down" to whatever you like
  • Toggle "Edit" mode on and off allows quick multiple edits
  • "Edit" > "Remove" works on search results too


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!"},
          "search":{"enabled":true},
          "edit":{
            "enabled":true,
            "label":"Edit",
            "buttons":{
              "move_up":{"enabled":true},
              "remove":{"enabled":true,"label":"REMOVE"},
              "move_down":{"enabled":true}
            }
          }
        }
      }
    }
  });