Widget

Learn how to enable and customize the floating player widget that sticks on the screen as the user scrolls

The floating player widget is a secondary player that appears at the bottom of the screen when you scroll past the main player. It allows readers and listeners to control the player without leaving the article page.

You can configure the player widget settings through the dashboard, API, embed script, or SDK.

Style

widgetStyle

The following styles are available:

  • none this option disables the player widget.

  • standard matches the standard player style and stretches the width of the screen.

  • small matches the small player style and is a great discreet option.

  • large matches the large player style.

Position

widgetPosition

You can set the position of the widget along the bottom of the screen. The following options are available:

  • auto shows the widget in the bottom of the screen in center for the standard widget style, otherwise to the right for all other widget styles.

  • left shows the widget in the bottom-left corner of the screen.

  • right shows the widget in the bottom-right corner of the screen.

  • center shows the widget in the bottom of the screen in the middle.

Width

widgetWidth

The widget width can be adjusted in the player embed script or SDK. It can be set to any CSS unit, such as 500px, 50rem, 50%, or fit-content. To make the player use its smallest possible width, set this property to 0.

Last updated