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 ascendinganddescending. | ||
| activeEvent | number | optional | Active event ID | |||
| showFunfacts | boolean | optional | true | If falsehides the fun facts. | ||
| showPhrases | boolean | optional | true | If falsehides the phrases. | ||
| isExpanded | boolean | optional | false | If truedisplays an expanded tree. | ||
| disableFilter | boolean | optional | false | If truehides all filters, selectors, dropdowns, and tabs. | ||
| flipOnLiveMatch | boolean | optional | false | If truedisplays the last period only. | ||
| compactPeriodLayout | boolean | optional | false | If truedisplays a compact period layout. | ||
| showLast10 | boolean | optional | false | If truelimits the list to the last 10 events. | ||
| disableHeader | boolean | optional | If truehides the header. | |||
| border | boolean | optional | If trueenables a border around the widget. | |||
| onToggle | function | optional | Function/event handler. Emits toggleobject on period header click or touch. | |||
| onItemClick | function | optional | Function/event handler. Emits eventobject 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>
Updated 2 months ago
