Widget Docs
Coverage MatrixDocumentationChange LogLog InContact Us
Widget Docs

Player Header Small

us.player.headerSmall provides basic player information, including headshot, number, and position.

For the widget to render you must provide a valid playerId. All other properties are optional.

Parameters

NameTypeDescription
propsobjectproperties
NameTypeArgumentDefaultDescription
playerIdnumberrequiredPlayer ID
seasonIdnumberoptionalactive seasonSeason ID
borderbooleanoptionalIf true enables a border around the widget.
onItemClickfunctionoptionalFunction/event handler. Emits uniqueTeamId on click or touch.

Examples

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