Documentation

Widgets.us.match.ncaaf.LiveMatchCarousel

us.match.ncaaf.liveMatchCarousel shows carousel of live or upcoming NCAAF matches.

new LiveMatchCarousel(props)

Parameters
Name Type Description
props object
Properties
Name Type Argument Default Description
uniqueTrounamentId string <optional>

With this prop empty, both regular season and playoffs games are displayed. One can set this prop to display only a regular or playoff games. Possible values are: 27653 - regular season, 27625 - playoffs.
division string <optional>
 'fbs'

The divisions to display: 'fbs', 'fcs', 'dII', 'dIII'
conference string <optional>
 ''

The conference to display. Empty value means all. Options are: aac, acc, big12, b1g, cusa, indepfbs, mac, mw, pac12, sec, sunbelt, bsky, bsc, caac, indepfcs, ivy, meac, mvc, nec, ovc, patriot, pioneer, southern, southland, swac, ciaa, gliac, gac, glvc, gmac, gnac, gsc, indepdii, lsc, miaa, mec, n10, nsic, psac, rmac, siac, sac, arc, asc, cciw, centennial, ccc, ecfc, e8, hcac, indepdiii, llc, mascas, diiimiaa, diiimac, mwest, miac, nescac, newmac, njac, ncac, nacc, nwc, oac, odac, pac, sciac, saa, usasouth, umac, wiac.
limit number <optional>
 10

Max number of matches shown.
autoplay boolean <optional>
 'true'

If false stops carousel auto play.
autoplaySpeed number <optional>
 5000

Carousel auto-play speed in ms.
showDate boolean <optional>

If true displays date along match time.
border boolean <optional>

If true enables a border around the widget.
onMatchesSet function <optional>

Function/event handler. Emits matchIds array on team click or touch.
onItemClick function <optional>

Function/click handler. Emits target and data on click or touch.
Examples

HTML/Declarative

<div class="sr-widget" data-sr-widget="us.match.ncaaf.liveMatchCarousel"></div>
<script type="application/javascript" src="https://widgets.media.sportradar.com/uscommon/widgetloader" data-sr-language="en_us" async></script>

JS/Programmatic

<script>
    (function(a,b,c,d,e,f,g,h,i){a[e]||(i=a[e]=function(){(a[e].q=a[e].q||[]).push(arguments)},i.l=1*new Date,i.o=f,
    g=b.createElement(c),h=b.getElementsByTagName(c)[0],g.async=1,g.src=d,g.setAttribute("n",e),h.parentNode.insertBefore(g,h)
    )})(window,document,"script","https://widgets.media.sportradar.com/uscommon/widgetloader","USW", {
        language: 'en_us'
    });
    USW('addWidget', '#sr-widget', 'us.match.ncaaf.liveMatchCarousel');
</script>
<div id="sr-widget"></div>

JS/Example of using Event Handlers

<script>
    (function(a,b,c,d,e,f,g,h,i){a[e]||(i=a[e]=function(){(a[e].q=a[e].q||[]).push(arguments)},i.l=1*new Date,i.o=f,
    g=b.createElement(c),h=b.getElementsByTagName(c)[0],g.async=1,g.src=d,g.setAttribute("n",e),h.parentNode.insertBefore(g,h)
    )})(window,document,"script","https://widgets.media.sportradar.com/uscommon/widgetloader","USW", {
        language: 'en_us'
    });
    USW('addWidget', '#sr-widget', 'us.match.ncaaf.liveMatchCarousel', { onMatchesSet: function(matchIds) { console.log('matchIds: ' + matchIds.join(', ')); }});
</script>
<div id="sr-widget"></div>

JS/Example of using Click Handlers

<script>
    (function(a,b,c,d,e,f,g,h,i){a[e]||(i=a[e]=function(){(a[e].q=a[e].q||[]).push(arguments)},i.l=1*new Date,i.o=f,
    g=b.createElement(c),h=b.getElementsByTagName(c)[0],g.async=1,g.src=d,g.setAttribute("n",e),h.parentNode.insertBefore(g,h)
    )})(window,document,"script","https://widgets.media.sportradar.com/uscommon/widgetloader","USW", {
        language: 'en_us'
    });
    USW('addWidget', '#sr-widget', 'us.match.ncaaf.liveMatchCarousel', { onItemClick: function(target, data) { console.log(target, data); }});
</script>
<div id="sr-widget"></div>