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>
Updated 3 days ago