Carousel
Customize Carousel behavior
Append parameters to video carousel slide click-through's
You can append parameters to click-through links by adding the following parameters (carouselUtmParams) to your video carousel embed code:
Example:
$bp("Brid_83921200", {"id":"<YOUR PLAYER ID>","width":"480","height":"270","carousel":"<YOUR CAROUSEL ID>",
"carouselUtmParams" : {
"1": "utm_source=....&utm_medium=....&utm_campaign=...",
"2": "utm_source=....&utm_medium=....&utm_campaign=...",
"3": "utm_source=....&utm_medium=....&utm_campaign=...",
"4": "utm_source=....&utm_medium=....&utm_campaign=...",
"5": "utm_source=....&utm_medium=....&utm_campaign=..."
}});
Tip
This can be very useful if you want to do custom Google Analytics tracking of your click-through's and other.
Customize the "Read more" CTA button
See example below on how you can easily customize the "Read more" CTA button via some custom configuration parameters:
Example:
$bp("Brid_83921200", {"id":"<YOUR PLAYER ID>","width":"480","height":"270","carousel":"<YOUR CAROUSEL ID>",
"carouselReadMore": {
"width": '150px',
"bgColor": 'blue',
"fontColor": "yellow",
"fontSize": "18px",
"fontFamily": "monospace",
"animation": false
}});
| Param name | Example value | Description |
|---|---|---|
| width | 150px | Set a custom width for read more button |
| bgColor | blue | Set a custom background colour for the read more button |
| fontColor | yellow | Set a custom font colour for the read more button text |
| fontSize | 18px | Set a custom font size for the read more button text |
| fontFamily | monospace | Set a custom font for the read more button text |
| animation | true/false | Enable/disable animation for the read more CTA button |
Set video/slides to be clickable when player controls are enabled for carousels
Add the "clickablePlayer" parameter to your embed code to add support for click-throughs. Valid values are true/false. Default behavior is false.
Example:
$bp("Brid_83921200", {
"id":"<YOUR PLAYER ID>",
"width":"480",
"height":"270",
"carousel":"<YOUR CAROUSEL ID>",
"clickablePlayer": true
});
Reduce the size of the carousel slide title
If the title of the video is too long, add the "carousel_smaller_titles" param to reduce the font and fit the entire title in the slide.
Example:
$bp("Brid_83921200", {
"id":"<YOUR PLAYER ID>",
"width":"480",
"height":"270",
"carousel":"<YOUR CAROUSEL ID>",
“carousel_smaller_titles”: true
});
Updated over 1 year ago