Example: Detaching playlist elements

Demonstrates how to detach the playlist feature bars and the playlist from the player for more control over page layout.

Key features

  • By default Listy will create a container for both playlist feature bars and playlist immediately after the player
  • Using the "target" setting either the playlist feature bars and/or the playlist can be loaded into seperate containers - allowing for greater positional control



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

Setup code

    "plugins": {
          "label":"My playlist",