Documentation

Widgets.us.season.nfl.PlayersCarousel

us.season.nfl.playersCarousel shows a carousel containing headers with the provided players. If no season is provide the currently active NFL season is used.

new PlayersCarousel(props)

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

Comma separated US player ids.
seasonId number <optional>

Year
seasonType string <optional>

Season type. Can be main or playoffs
disableHeader bool <optional>

If set to true disables the team header.
border boolean <optional>

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

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

HTML/Declarative

<div class="sr-widget" data-sr-widget="us.season.playersCarousel" data-sr-player-ids="sd:player:0fe5d2c8-9cf4-4983-b160-468362c1a23c,sd:player:131d3b1a-5746-499e-98ee-4bbf67cd377e" data-sr-season-id="2022" data-sr-season-type="main"></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.season.nfl.playersCarousel', {playerIds: 'sd:player:0fe5d2c8-9cf4-4983-b160-468362c1a23c,sd:player:131d3b1a-5746-499e-98ee-4bbf67cd377e', seasonId: 2022, seasonType: 'main'});
</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.season.nfl.playersCarousel', {playerIds: 'sd:player:0fe5d2c8-9cf4-4983-b160-468362c1a23c,sd:player:131d3b1a-5746-499e-98ee-4bbf67cd377e', seasonId: 2022, seasonType: 'main', onItemClick: function(type, obj){alert('teamId: ' + obj.teamId);}});
</script>
<div id="sr-widget"></div>