Videos do not autoplay on mobile by default on any device.
In this link you can find the technical reasons why this happens in details: https://stackoverflow.com/a/42161532/4781067
I hope it helps.
I already have the video on mute and loop, confused as I can see other
Shopify sites such as https://www.krystleknightjewellery.com/ which seem to
have no issue playing a looped video on mobile. There must be a work around
of some sort?
My current code is
<video loop="loop" muted="" autoplay="autoplay" preload="" id="vid" width="100%"> <source src="https://cdn.shopify.com/s/files/1/1828/2803/files/ezgif.com-crop.webm?v=1596428154" type="video/webm" /> <source src="https://cdn.shopify.com/s/files/1/1828/2803/files/ezgif.com-crop.mp4?v=1596428127" type="video/mp4" /></video>
Are you trying it on mobile data or WIFI?
On Wifi it will play fine. I just tested it on my device and your website's video is auto-playing in here:
Are you experiencing this issue when connected to wifi too?
I am on Android, yes.
In the link that I have sent you on the previous post it mentions iOs is susceptible to experience this bug you're talking about.
You'll probably want to hire a Shopify developer to assist you if you wanna get this solved unless someone in the community is willing to put in the hours to help you out.