Widget Docs
Coverage MatrixDocumentationChange LogLog InContact Us
Widget Docs

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

NameTypeDescription
propsobjectproperties
NameTypeArgumentDefaultDescription
matchIdnumberrequiredMatch ID
sortOrderstringoptionaldescendingDetermines the sort order. Valid options are ascending and descending.
activeEventnumberoptionalActive event ID
showFunfactsbooleanoptionaltrueIf false hides the fun facts.
showPhrasesbooleanoptionaltrueIf false hides the phrases.
isExpandedbooleanoptionalfalseIf true displays an expanded tree.
disableFilterbooleanoptionalfalseIf true hides all filters, selectors, dropdowns, and tabs.
flipOnLiveMatchbooleanoptionalfalseIf true displays the last period only.
compactPeriodLayoutbooleanoptionalfalseIf true displays a compact period layout.
showLast10booleanoptionalfalseIf true limits the list to the last 10 events.
disableHeaderbooleanoptionalIf true hides the header.
borderbooleanoptionalIf true enables a border around the widget.
onTogglefunctionoptionalFunction/event handler. Emits toggle object on period header click or touch.
onItemClickfunctionoptionalFunction/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>