# Configuring the player
Adjust an inserted LottieFiles player component in Framer.

Select an inserted LottieFiles player component to open its contextual preview and settings in the plugin. Layout properties remain in Framer; animation-specific controls remain with the player.

<Image src="https://assets.docs.lottiefiles.com/static/354596d05a-640.webp" alt="Selected Framer player with the LottieFiles preview" caption="Selected Framer player with the LottieFiles preview" zoom variant="default" srcSet="https://assets.docs.lottiefiles.com/static/354596d05a-640.webp 640w, https://assets.docs.lottiefiles.com/static/354596d05a-1024.webp 1024w, https://assets.docs.lottiefiles.com/static/354596d05a-1920.webp 1920w" width="1920" height="1080" loading="lazy" data-blur="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAFCAYAAAB4ka1VAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAkklEQVR4nC3MTQsBQRyA8fnaDoTDRkKcHeS0ydHBTTn5BMpBEm2W2U1Zsy8z/3m08lx/9ahWMKLTn9AdTGn3xjSDIfNwxWa7Y7YIRRVlSZ0IeO8Bj1QVxeWJWIvK8xwRj3MQP1I+scZkhnf6IssylKvlnzmduY2XmMKTe0vpLEqc/LCe63DPobHmqjXHe0SUJO4LsF+QPVU5vcoAAAAASUVORK5CYII=" />

## Playback

- **Autoplay** starts the animation when the player loads.
- **Loop** repeats an ordinary timeline animation.
- **Speed** changes timeline playback speed.
- **Background** can remain transparent or use an explicit color.

State-machine playback follows its state and transition logic instead of the ordinary timeline controls.

## Source and renderer

The component stores the animation source URL. Use Automatic or ThorVG Player when the source relies on multiple animations, themes, or state machines. Use SVG Player only for files that do not need those dotLottie features.

## Theme configuration

Choose a default theme and optional light and dark theme IDs. Verify color-mode changes in Framer Preview because the plugin preview does not reproduce every page-level condition.

## Layout in Framer

Use Framer to control size, constraints, position, overflow, visibility, and breakpoint behavior. Keep the component's aspect ratio intentional and confirm that a parent Frame does not clip motion unexpectedly.

## Related

- [Recoloring an animation](/en/integrations/framer/04_prepare/recoloring-an-animation)
- [Using themes](/en/integrations/framer/04_prepare/using-themes)
- [Preparing state machines](/en/integrations/framer/04_prepare/preparing-state-machines)
