Widget Docs
Coverage MatrixDocumentationRelease LogLog In

Player Header Small

us.player.headerSmall provides basic player information with a headshot.

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

Parameters

Name Type Description
props object properties
Name Type Argument Default Description
playerId number required Player ID
seasonId number optional active season Season ID
border boolean optional If true enables a border around the widget.
onItemClick function optional Function/event handler. Emits uniqueTeamId on click or touch.

Examples

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