Video Carousel

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:

<script type="text/javascript" src="//services.brid.tv/player/build/brid.min.js"></script> 
<div id="Brid_83921200" class="brid" style="width:480;height:270;" > </div> 
<script type="text/javascript"> 
    $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=..."
        }}); 
</script>

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:

<script type="text/javascript" src="//services.brid.tv/player/build/brid.min.js"></script> 
<div id="Brid_83921200" class="brid" style="width:480;height:270;" > </div> 
<script type="text/javascript"> 
    $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
    }}); 
</script>
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.

<script type="text/javascript" src="//services.brid.tv/player/build/brid.min.js"></script> 
<div id="Brid_83921200" class="brid" style="width:480;height:270;" > </div> 
<script type="text/javascript"> 
    $bp("Brid_83921200", {"id":"<YOUR PLAYER ID>","width":"480","height":"270","carousel":"<YOUR CAROUSEL ID>","clickablePlayer": true}); 
</script>