Playlist widget parameters

Additional playlist widget config parameters

Playlist widget parameters

On this page you will find list of additional parameters that can be used to enhance the functionality of the player.

See below for a detailed list:

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

widgetPosition: intIf 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: intSet 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: boolThis is a show/hide switch for time display in the playlist thumbs area of the widget.

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

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

forceThumbs: boolDefaults to false. If set to true, will force thumbnail display for the widget on mobile devices.

background: ObjectSet custom background image for the playlist widget with custom positioning.

Background object params:

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.

Logo object params

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 type='text/javascript' src="//services.brid.tv/widget/brid.widget.min.js"></script>
<div id="widget_1615837704"></div>
<script> 
    $BridWidgets.init({
     "id":"widget_1615837704",
     "playerId":PLAYER_ID,
     "partnerId":PARTNER_ID,
     "playlistId":"PLAYLIST_ID",
     "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>

Did this page help you?