Playlist Widget Parameters

The Brid playlist widget has support for the following additional paramters that you can use to enhance the functionality of the unit with some additional code.

thumbNumber: int
If present in the embed code, will instruct the playlist widget to show a specific number of thumbs beneath the player.

widgetPosition: int
If present in the embed code, will instruct the playlist widget to change the position of the playlist thumbs area. See below for possible values:

Value Description
0 Default behavior. Will display playlist thumbs below the player.
1 Will display playlist thumbs to the left of the player.
2 Will display playlist thumbs to the right of the player.

playlistWidth: int
Set a specific width override for the playlist section of the widget. Only works if widgetPosition is set to 1 or 2.

playlistHeight: int
Set a specific height override for the playlist section of the widget. Only works if widgetPosition is set to 0 or if param is ommited from the embed code.

hideTime: bool
This is a show/hide switch for time display in the playlist thumbs area of the widget.

forceTitle: bool
This is a show/hide switch for title display in the playlist thumbs area of the widget.

forcePlayButton: bool
This is a show/hide switch for play button display in the thumbs area of the widget.

forceThumbs: bool
This is a show/hide switch for the playlist thumb section display in the widget. If set to false, the widget will load as a standard player without the thumb playlist section below the player.

background: Object
Set custom background image for the playlist widget with custom positioning.

Value Description Type
url URL to the custom image String
left Left position in pixels Int
right Right position in pixels Int
top Top position in pixels Int
bottom Bottom position in pixels Int

logo: Object
Set a custom logo into the playlist widget with custom sizing.

Value Description Type
url URL to the custom image/logo String
size Size of logo image in pixels. Example: {"width":"32px", "height":"32px"} Object
title Title of logo which appears on mouseover String
position Position of logo. Accepted values: top-right, top-left, bottom-right, bottom-left String
Example of a fully working custom configuration
<script> 
    $BridWidgets.init({
     "id":1484900466,
     "playerId":"1843",
     "partnerId":"1874",
     "playlistId":"256",
     "height":"600",
     "color":"ffffff",
     "playlistType":"0",
     "autoplay":0,
     "thumbNumber":5,
     "playlistHeight" : 100,
     "hideTime" : false,
     "forceTitle" : true,
     "forcePlayButton" : false,
     "forceThumbs":true,
     "background" : {
       "url" : "http://web.tradekorea.com/upload_file2/product/575/P00246575/cbe9caa5_1cff9037_d440_461e_be9c_907b41c39612.jpg",
       "left" : 27,
       "right" : 30,
       "top" : 45,
       "bottom" : 145,
     },
     "logo" : {
      "url" : "https://image.freepik.com/free-icon/apple-logo_318-40184.jpg",
      "size" : {"width":"32px", "height":"32px"},
      "title" : "Brid.tv",
      "position" : "top-right"
     }
     }); 
</script>