Documentation

Widgets.us.match.PlayByPlay

us.match.playByPlay shows a structured list of detailed description and analysis of sporting events (i.e. play-by-play) as they occur in succession, one play at a time. Currently supports following sports: soccer, tennis, handball and rugby.

For the widget to render you need to provide matchId.

new PlayByPlay(props)

Parameters
Name Type Description
props object
Properties
Name Type Argument Default Description
matchId number

Match id.
sortOrder string <optional>
 'descending'

Determines sort order. Valid options are ascending, descending.
activeEvent number <optional>

Active event id.
showFunfacts boolean <optional>
 'true'

If false hides funfacts.
showPhrases boolean <optional>
 'true'

If false hides phrases.
isExpanded boolean <optional>
 'false'

If true displays expanded tree.
disableFilter boolean <optional>

If true hides all filters, selectors, dropdowns, tabs.
flipOnLiveMatch boolean <optional>

If true displays last inning only.
compactPeriodLayout boolean <optional>
 'false'

If true displays compact period layout.
showLast10 boolean <optional>
 'false'

If true limits list to last 10 events.
disableHeader boolean <optional>

If true hides header.
border boolean <optional>

If true enables a border around the widget.
onToggle function <optional>

Function/event handler. Emits toggle object on period heder click or touch.
onItemClick function <optional>

Function/event handler. Emits event object on player cell click or touch.
Examples

HTML/Declarative

<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/uscommon/widgetloader" data-sr-language="en_us" async></script>

JS/Programmatic

<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/uscommon/widgetloader","USW", {
        language: 'en_us'
    });
    USW('addWidget', '#sr-widget', 'us.match.playByPlay', {matchId: 12233102});
</script>
<div id="sr-widget"></div>

JS/Example of using Event Handlers

<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/uscommon/widgetloader","USW", {
        language: 'en_us'
    });
    USW('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>