Why doesn't video autoplay work on desktop?

Store Design
1

Hey there,

for my loading page I wanted to create a short video what autoplay on top. I‘ve searched online a bit and I found this code:

<style>
video {
width: 100%;
height: auto;
display: block;
margin: 0 auto;
}
</style>
<video muted autoplay playsinline loop>
<source src="https://cdn.shopify.com/videos/c/o/v/591a34f552c84d19aa70d49249941f77.mp4"
type="video/mp4">
<source src="https://cdn.shopify.com/videos/c/o/v/591a34f552c84d19aa70d49249941f77.mp4"
type="video/mp4">
</video>

On the mobile site, either in safari or in the Shopify app it‘s working.
On the iPad app, safari or desktop version it still appears with a play button and the autoplay is not working.
Dies anyone have a solution for that?

I‘m using the Studio Theme

Best

// Ryan

2

Can you post the link to your website so I can see what you’re referring to? It will make it easier to point you in the right direction. Thanks!

3

Note that even with the autoplay and muted attributes, some browsers may still require user interaction before allowing autoplaying videos. This behavior is intentional to prioritize user experience and avoid unexpected media playback.