Documentation

Widgets.us.player.nfl.PlayerHeaderSmall

us.player.nfl.headerSmall is a small header containing player name, headshot, position and number.

For the widget to render you need to provide playerId and seasonId.

new PlayerHeaderSmall(props)

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

Player id.
seasonId number

Season id.
seasonType string <optional>

Season type (pre|reg|pst).
border boolean <optional>

Displays border.
onItemClick function <optional>

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

HTML/Declarative

<div class="sr-widget" data-sr-widget="us.player.nfl.headerSmall" data-sr-player-id="sd:player:30fedd72-bf59-4a35-9aa9-dd01b1122c09" data-sr-season-id="2017"></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.nfl.headerSmall', {playerId: 'sd:player:30fedd72-bf59-4a35-9aa9-dd01b1122c09', seasonId:2017});
</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.nfl.headerSmall', {playerId: 'sd:player:30fedd72-bf59-4a35-9aa9-dd01b1122c09', seasonId:2017, onItemClick: function(type, obj){alert(JSON.stringify(obj));}});
</script>