Video banner mobile size

Store Design
, , , ,

Topic summary

A user is experiencing two issues with a mobile video banner on their Shopify store (wooffantasy.com):

Cropping Issue:

  • Uploaded video dimensions: 800px height × 600px width
  • Video appears cropped vertically on mobile (heart element cut off in screenshot)
  • Original video shows full content without cropping

Autoplay Problem:

  • Video autoplays correctly on desktop
  • Fails to autoplay on mobile devices

Response provided:

  • Ideal video dimensions depend on the specific theme being used; check theme documentation for recommended sizes
  • Mobile autoplay is generally discouraged due to data usage concerns
  • The user’s phone is in Power Saving mode, which automatically disables video autoplay regardless of settings

Status: Issue partially explained (autoplay), cropping solution requires theme-specific guidance.

Summarized with AI on November 1. AI used: claude-sonnet-4-5-20250929.
1

Hi all,

I have 2 questions in regards to mobile video banner

  • What is the ideal size for mobile video banner? I added one that is 800 (height) x 600 (width) but it appears to be cropped at height. In the screenshot image you can see the heart is cropped, but the original video is not.
  • Video doesn’t autoplay on mobile (but on desktop is fine). Is this a loading problem or code problem?

Store: wooffantasy.com

Thank you!!!

Screenshot 2025-02-03 at 4.10.44 pm.png
Screenshot 2025-02-03 at 4.10.44 pm.png650×1400 289 KB

Screenshot 2025-02-03 at 4.08.15 pm.png
Screenshot 2025-02-03 at 4.08.15 pm.png860×770 182 KB

2

Hi @sunday_april

The ideal size for the video really depends on what theme you are using and how the section renders the video. Usually, under the setting where you upload the video, the theme developers add an info text that specifies the recommended size.

As for the autoplay - autoplaying videos on mobile is generally not recommended, as it can result in large data usage. Additionally, based on your screenshots, I noticed that your phone is in Power Saving mode, which disables autoplay. This means that even if the video is set to autoplay on mobile, it won’t work while Power Saving mode is enabled.

I hope this helps!