Documentation

Widgets.us.player.HeaderSmall

us.player.headerSmall shows the player header containing player name, headshot, position and number. Soccer adds player's height and weight information. Supports soccer, nba, mlb and nhl.

For the widget to render you need to provide playerId.

new HeaderSmall(props)

Parameters
Name Type Description
props object
Properties
Name Type Argument Description
playerId number

Player id.
seasonId number <optional>

Season id.
border boolean <optional>

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

Function/event handler. Emits uniqueTeamId and playerId on click or touch.
Examples

HTML/Declarative

<div class="sr-widget" data-sr-widget="us.player.headerSmall" data-sr-player-id="85859" data-sr-season-id="48238"></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.player.headerSmall', {playerId: 862604});
</script>
<div id="sr-widget"></div>

JS/Example of using Event Handler

<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.player.headerSmall', {playerId: 844333, seasonId: 38836, onItemClick: function(type, obj){alert(JSON.stringify(obj));}});
</script>
<div id="sr-widget"></div>