Widget Docs
Coverage MatrixDocumentationRelease LogLog In

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

Name Type Description
props object properties
Name Type Argument Default Description
uniqueTournamentId number required Unique tournament ID
limit number optional 10 Maximum number of matches shown.
autoplay boolean optional 'true' If false stops the carousel autoplay.
autoplaySpeed number optional 500 Carousel autoplay speed in ms.
showDate boolean optional If true displays the date next to the 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

<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>