Website Banner from Canva Autoplay

Store Design
,
1

Hi there,

I am trying to ensure my custom html website banner plays automatically on repeat when people land on my website. Is there a way to edit the code to make this happen? I don’t want customers to have to press play.

It should look embedded. Any help with the code will be appreciated?

<a href="https://[www.canva.com/design/DAGFwJE5Pqo/hQsznHfP-RdF0s-RAhU08A/watch?utm_content=DAGFwJE5Pqo&utm_campaign=designshare&utm_medium=embeds&utm_source=link](http://www.canva.com/design/DAGFwJE5Pqo/hQsznHfP-RdF0s-RAhU08A/watch?utm_content=DAGFwJE5Pqo&utm_campaign=designshare&utm_medium=embeds&utm_source=link)" target="_blank"
2

Hi @kellymeandb ,

I haved checked your issue,

To make your custom HTML website banner play automatically on repeat without requiring customers to press play, you can modify the src attribute of the iframe to include autoplay and loop parameters. You can try to edit your code by this:


    <iframe loading="lazy" style="position: absolute; width: 100%; height: 100%; top: 0; left: 0; border: none; padding: 0; margin: 0;" src="https://www.canva.com/design/DAGFwJE5Pqo/hQsznHfP-RdF0s-RAhU08A/watch?embed&autoplay=1&loop=1" allowfullscreen="allowfullscreen" allow="fullscreen">
    </iframe>

[
](https://www.canva.com/design/DAGFwJE5Pqo/hQsznHfP-RdF0s-RAhU08A/watch?utm_content=DAGFwJ...)

In this step, you add the attribute autoplay=1&loop=1 to plays automatically on repeat.

I hope these instructions will help you. If they are helpful, please give us likes and mark as the solution.

Have a nice day sir!

3

I put in the code and the Play button as well as details of video are still showing

4
ME&B NEW SEASON by Kelly-Grace Swart
5

Hi @kellymeandb ,

Sr about previous solutions did’nt work on your theme.

You can try again by this way:

Change

1 Like
6

Thank you! I finally got it! Learnt a lot… so thank you!

7

Sorry if I sound silly now- but now I am trying to embed a document onto one of my shopify pages-

It keeps showing within a window and I need to embed it seamlessly onto website. Do you have some code that could help me do that?

8

Hi @kellymeandb ,

To seamlessly embed a document onto your Shopify page without showing it within a window, you can modify the iframe code to better fit the layout and styling of your page. However, since iframes inherently display content within a window, the key is to ensure it blends well with the surrounding elements.

You can add

wrap
9

Can use Canvify App from app store to import Canva designs to Shopify seamlessly.