# Autoplay & Loop

This feature allows you to autoplay your Supademo and Showcases without any viewer interaction. This is great for trade shows, conferences, or website embeds.

To add autoplay to your Supademo, simply navigate to the edit view of a Supademo and click **"Autoplay"** from the Customization tab. You'll be able to:

1. Turn autoplay on/off for that Supademo;
2. Choose whether you want to set a **standardized/uniform** duration across slides or **custom durations per slide;**
3. Set the autoplay duration for that Supademo (i.e. 3s for each slide) along with delays (pauses between steps);
4. Enable looping, which will cycle through each slide in a recurring loop;

{% hint style="info" %}
Please note that if you have **AI Voiceover** enabled, the voiceover will narrate completely before navigating to the next slide, irrespective of the autoplay duration.
{% endhint %}

### Custom autoplay duration per slide

{% @supademo/embed demoId="cmelneg24169mv9kq0f8jirqi" url="<https://app.supademo.com/demo/cmelneg24169mv9kq0f8jirqi>" %}

### Showcase autoplay

To add autoplay to your Showcase collections, simply navigate to the edit view of a Showcase and click **"Autoplay"** from the Settings tab. You'll be able to:

1. Turn autoplay on/off for that Supademo
2. Set the autoplay duration for that Supademo (i.e. 3s for each slide)
3. Set progress bar color

{% @supademo/embed demoId="cmde3jtk50j2d6n9n82j70dlq" url="<https://app.supademo.com/demo/cmde3jtk50j2d6n9n82j70dlq>" %}

{% hint style="info" %}
Note: Autoplay durations apply to steps, not individual hotspots. All hotspots on a given step will remain visible for the full step duration set in your Supademo autoplay settings.
{% endhint %}

### Adding custom transition delays between slides

This feature allows you to input a custom timed delay to serve as a buffer between slides in a Supademo. Custom transitions can be set for **Autoplay Supademos** and **Video Exports –** which are two instances where you may want to add transition gaps between steps to help viewers contextualize and absorb content.

**Here's how to set this up:**

{% @supademo/embed demoId="cm6smhplk03tvaegmho2kmsp0" url="<https://app.supademo.com/demo/cm6smhplk03tvaegmho2kmsp0>" %}


---

# Agent Instructions: Querying This Documentation

If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter:

```
GET https://docs.supademo.com/customize/animation/autoplay-and-loop.md?ask=<question>
```

The question should be specific, self-contained, and written in natural language.
The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.