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>Updated 7 months ago
