Documentation

Widgets.us.player.Header

us.player.header shows the player season stats, player name, headshot, team, position and some other bio information. Supports soccer, nba, mlb and nhl.

For the widget to render you need to provide playerId.

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

Player id.
seasonId number <optional>

Season id.
type string <optional>
 'main'

Season type. Valid values are auto, main, playoffs.
border boolean <optional>

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

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

HTML/Declarative

<div class="sr-widget" data-sr-widget="us.player.header" 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.header', {playerId: 862604, seasonId: 38836});
</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.header', {playerId: 844333, seasonId: 38836, onItemClick: function(type, obj){alert('uniqueTeamId: ' + obj.uniqueTeamId);} });
</script>
<div id="sr-widget"></div>