Widget Docs
Coverage MatrixDocumentationRelease LogLog In

Match Play-by-Play

us.match.PlayByPlay displays a running timeline of every event in a given match.

For the widget to render you must provide a valid matchId.

Parameters

Name Type Description
props object properties
Name Type Argument Default Description
matchId number required Match ID
sortOrder string optional descending Determines the sort order. Valid options are ascending and descending.
activeEvent number optional Active event ID
showFunfacts boolean optional true If false hides the fun facts.
showPhrases boolean optional true If false hides the phrases.
isExpanded boolean optional false If true displays an expanded tree.
disableFilter boolean optional false If true hides all filters, selectors, dropdowns, and tabs.
flipOnLiveMatch boolean optional false If true displays the last period only.
compactPeriodLayout boolean optional false If true displays a compact period layout.
showLast10 boolean optional false If true limits the list to the last 10 events.
disableHeader boolean optional If true hides the header.
border boolean optional If true enables a border around the widget.
onToggle function optional Function/event handler. Emits toggle object on period header click or touch.
onItemClick function optional Function/event handler. Emits event object on player cell click or touch.

Examples

<div class="sr-widget" data-sr-widget="us.match.playByPlay" data-sr-match-id="12233102"></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.playByPlay', {matchId: 12233102});
</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.playByPlay', {matchId: 11876950, onItemClick: function(type, event){alert('event: ' + JSON.stringify(event));}, onToggle: function(toggle){'toggle: ' + alert(JSON.stringify(toggle));}});
</script>
<div id="sr-widget"></div>