Widget Docs
Coverage MatrixDocumentationChange LogLog InContact Us
Widget Docs

Live Match Carousel

us.match.soccer.liveMatchCarousel displays a scrolling carousel of live or upcoming soccer matches.

For the widget to render you must provide a valid uniqueTournamentId. All other properties are optional.

Parameters

NameTypeDescription
propsobjectproperties
NameTypeArgumentDefaultDescription
uniqueTournamentIdnumberrequiredUnique tournament ID
limitnumberoptional10Maximum number of matches shown.
autoplaybooleanoptional'true'If false stops the carousel autoplay.
autoplaySpeednumberoptional500Carousel autoplay speed in ms.
showDatebooleanoptionalIf true displays the date next to the match time.
borderbooleanoptionalIf true enables a border around the widget.
onMatchesSetfunctionoptionalFunction/event handler. Emits matchIds array on team click or touch.
onItemClickfunctionoptionalFunction/click handler. Emits target and data on click or touch.

Examples

<div class="sr-widget" data-sr-widget="us.match.soccer.liveMatchCarousel" data-sr-unique-tournament-id="132"></div>
<script type="application/javascript" src="https://widgets.media.sportradar.com/YOUR_CLIENT_ALIAS/widgetloader" data-sr-language="en_us" async></script>
<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/YOUR_CLIENT_ALIAS/widgetloader","SIR", {
        language: 'en_us'
    });
    SIR('addWidget', '#sr-widget', 'us.match.soccer.liveMatchCarousel', {uniqueTournamentId: 242});
</script>
<div id="sr-widget"></div>
<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/YOUR_CLIENT_ALIAS/widgetloader","SIR", {
        language: 'en_us'
    });
    SIR('addWidget', '#sr-widget', 'us.match.soccer.liveMatchCarousel', { uniqueTournamentId: 242, onMatchesSet: function(matchIds) { console.log('matchIds: ' + matchIds.join(', ')); }});
</script>
<div id="sr-widget"></div>
<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/YOUR_CLIENT_ALIAS/widgetloader","SIR", {
        language: 'en_us'
    });
    SIR('addWidget', '#sr-widget', 'us.match.soccer.liveMatchCarousel', { uniqueTournamentId: 242, onItemClick: function(target, data) { console.log(target, data); }});
</script>
<div id="sr-widget"></div>