Live Match Carousel
us.match.nfl.liveMatchCarousel displays a scrolling carousel of live or upcoming NFL games.
Parameters
Name | Type | Description | ||||
---|---|---|---|---|---|---|
props |
object | properties | ||||
Name | Type | Argument | Default | Description | ||
tournaments |
string | optional | '' | Tournaments to display in a comma-separated string. Valid options are regular , preseason , probowl or an empty value (all tournaments). More than one can be included. |
||
limit |
number | optional | 10 | Max number of games shown. | ||
autoplay |
boolean | optional | 'true' | If false stops carousel autoplay. |
||
autoplaySpeed |
number | optional | 5000 | Carousel autoplay speed in ms. | ||
showDate |
boolean | optional | If true displays date alongside game time. |
|||
useGlobalMatchIds |
boolean | optional | 'false' | Use global match IDs (number) in onMatchesSet and onItemClick when true, otherwise use US match IDs (string). | ||
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.nfl.liveMatchCarousel"></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.nfl.liveMatchCarousel');
</script>></code>
<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.nfl.liveMatchCarousel', { 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.nfl.liveMatchCarousel', { onItemClick: function(target, data) { console.log(target, data); }});
</script>
<div id="sr-widget"></div>
Updated almost 2 years ago