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: 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
Defaults to false. If set to true, will force thumbnail display for the widget on mobile devices.
background: Object
Set 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>
Updated over 3 years ago