Why isn't my custom video autoplaying on mobile?

Technical Q&A
1

HI guys, I am using a custom liquid on my home page that should auto play on desktop and mobile and it wont play on mobile. I have converted to mov file. Also it would be great if there was a fucntion for it to be automuted but then you can opt to play the sound as well.

much regards any help very appreicated !

<video playsinline=“” “”“” autoplay=“autoplay” preload=“” id=“vid” width=“100%”>

@PageFly-Victor @PageFly-Kate @GemPages

2

Hi @GYMSUPPLYCO ,

This is Kate from PageFly - Landing page builder, I’d like to suggest this idea:

There are a few things you can try to troubleshoot why your custom liquid video is not playing on mobile:

  1. Check the format of your video: While you mentioned that you have converted your video to a .mov file, it is possible that the mobile browser is not compatible with this format. Try converting your video to a more widely supported format, such as MP4.

  2. Add the “muted” attribute to your video tag: To have your video autoplay but remain muted by default, add the “muted” attribute to your video tag. You can then add a button or toggle switch for users to turn the sound on if they wish.

  3. Ensure your mobile browser supports autoplay: Some mobile browsers do not support autoplaying of videos due to data and battery concerns. You can test this by trying to play the video on a different mobile browser or device.

Here’s an updated video tag with the “muted” attribute added:

Hope my answer will help you

1 Like
3

Hi @GYMSUPPLYCO ,

Glad to support you today.

To can autoplay on mobile, you should use this code on liquid code:

*Note: With the mobile turn on battery saver, the video won’t run automatically.

I hope you find the answer helpful.

Kind & Best regards,
GemPages Support Team.

4

Hello @GYMSUPPLYCO , if you use code this, it only work on desktop and if you want it work on mobile you need write more function jquery for it

and it will take sometime for code this.