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>

Updated about 1 year ago