How can I enable autoplay for my muted homepage video?

Topic summary

Main issue: Autoplay for a homepage video isn’t working even though the video was created in Canva and is silent/muted there. The user uploaded it via theme customization and also shared the YouTube version.

Key guidance: Browsers only allow autoplay if the video is explicitly muted via code. A video with no audible sound track isn’t considered “muted” unless the HTML sets it. For YouTube embeds, add URL parameters to the iframe src: autoplay=1 to start automatically, mute=1 to satisfy autoplay policies, and controls=0 to hide controls.

Example (central to the thread): An iframe embed with src including ?autoplay=1&controls=0&mute=1 was provided as a working template.

Next steps: Helper requested the live page URL to inspect implementation details.

Status: The original poster moved the conversation to private messages; no on-thread confirmation of a fix yet, and the issue remains publicly unresolved.

Summarized with AI on January 24. AI used: gpt-5.

Hello… I have been on here searching though the self help options. I am usually pretty good with figuring out the format however… I am truly stumped. I have muted the video and uploaded it from my customization on my homepage however it still will not autoplay or have the option for it.

I have watched several videos as well.

Youtube link: https://youtu.be/Tu0686se0Aw

my created video is from Canva (also have autoplay enabled)

Can you post a link where you have the video playing? Just because the video has no sound doesn’t mean it’s muted. The browser can’t tell that there’s no sound in the video, it has to be set to muted in the html, or in Youtube’s case, in the embed you have to add a URL parameter.

<iframe width="560" height="315" src="https://www.youtube.com/embed/Tu0686se0Aw?autoplay=1&controls=0&mute=1" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" allowfullscreen=""></iframe>

So in your case this would work for the youtube embed. Notice in the src in the iframe the URL parameters “?autoplay=1&controls=0&muted=1” – Means autoplay the video, hide the controls (play button and such), and mute the video

1 Like

I sent you a private message