Lineups

us.match.mlb.lineups provides a visualization for starting lineups in a given game, including fielding positions and starting pitchers.

For the widget to render you must provide a valid matchId.

Parameters

Name	Type	Description
props	object	properties
		Name	Type	Argument	Description
		matchId	number	required	Match ID
		hideTeamNames	boolean	optional	If true hides team names above fields.
		border	boolean	optional	If true enables a border around the widget.
		onItemClick	function	optional	Function/event handler. Emits playerId on player list item click or touch.

Examples

HTML/Declarative

<div class="sr-widget" data-sr-widget="us.match.mlb.lineups" data-sr-match-id="17131611"></div>
<script type="application/javascript" src="https://widgets.media.sportradar.com/YOUR_CLIENT_ALIAS/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/YOUR_CLIENT_ALIAS/widgetloader","SIR", {
        language: 'en_us'
    });
    SIR('addWidget', '#sr-widget', 'us.match.mlb.lineups', {matchId: 25324910});
</script>
<div id="sr-widget"></div>

JS/Example 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/YOUR_CLIENT_ALIAS/widgetloader","SIR", {
        language: 'en_us'
    });
    SIR('addWidget', '#sr-widget', 'us.match.mlb.lineups', {matchId: 25324910, onItemClick: function(type, obj){alert(JSON.stringify(obj));}});
</script>
<div id="sr-widget"></div>