Documentation

Widgets.us.player.nfl.PlayerHeader

us.player.nfl.header is a header containing player name, headshot, some basic info (height, weight, team...) and some season stats.

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

new PlayerHeader(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).
hidePlayerImg boolean <optional>

Hides player images.
border boolean <optional>

Displays border.
onItemClick function <optional>

Function/event handler. Emits teamId and uniqueTeamId on team crest click or touch.
Examples

HTML/Declarative

<div class="sr-widget" data-sr-widget="us.player.nfl.header" 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.header', {playerId: 'sd:player:30fedd72-bf59-4a35-9aa9-dd01b1122c09', seasonId:2017});
</script>

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.nfl.header', {playerId: 'sd:player:30fedd72-bf59-4a35-9aa9-dd01b1122c09', seasonId:2017, onItemClick: function(type, obj){alert(JSON.stringify(obj));}});
</script>