Widget Docs
Coverage MatrixDocumentationChange LogLog InContact Us
Widget Docs

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>