How to set your story to autoplay on load

By adding an additional HTML attribute to your embed code, your stories can autoplay when the page where they are embedded is loaded.

To do this:

Create a story and make sure that the Autoplay function has been turned on.

You can set the duration of each slide (in seconds) in the top right-hand corner of the editor.

Export your story and copy the auto-generated embed code.

Paste the embed code into your webpage. Before publishing the Flourish visualization, add the  data-play-on-load attribute straight after  data-src="URL".

Now your embed code should look like this:
Done! Your story will now automatically play on load.

TIP: If your visualization has been embedded somewhere further down on your web page, you can refer to our Flourish for developers page to have greater control over when Flourish graphics load.