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 over 2 years ago