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:

ValueDescription
0Default behavior. Will display playlist thumbs below the player.
1Will display playlist thumbs to the left of the player.
2Will 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:

ValueDescriptionType
urlURL to the custom imageString
leftLeft position in pixelsInt
rightRight position in pixelsInt
topTop position in pixelsInt
bottomBottom position in pixelsInt

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

Logo object params

ValueDescriptionType
urlURL to the custom image/logoString
sizeSize of logo image in pixels. Example: {"width":"32px", "height":"32px"}Object
titleTitle of logo which appears on mouseoverString
positionPosition of logo. Accepted values: top-right, top-left, bottom-right, bottom-leftString

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>