Documentation

Widgets.us.match.soccer.LiveMatchCarousel

us.match.soccer.liveMatchCarousel shows carousel of live and/or upcoming matches for selected uniqueTournamentId.

For the widget to render you need to provide uniqueTournamentId, other properties are optional.

new LiveMatchCarousel(props)

Parameters
Name Type Description
props object
Properties
Name Type Argument Default Description
uniqueTournamentId number

Unique tournament id - MLS: 242, Champions League: 7, Premier League: 17, Bundesliga: 35, La Liga: 8....
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.soccer.liveMatchCarousel" data-sr-unique-tournament-id="132"></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.soccer.liveMatchCarousel', {uniqueTournamentId: 242});
</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.soccer.liveMatchCarousel', { uniqueTournamentId: 242, 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.soccer.liveMatchCarousel', { uniqueTournamentId: 242, onItemClick: function(target, data) { console.log(target, data); }});
</script>
<div id="sr-widget"></div>