Home page Different Video Size For Desktop & Mobile

Topic summary

A user is experiencing two issues with homepage videos on their Shopify store:

Primary Issues:

  • Videos need to autoplay with play/pause controls hidden
  • Videos appear too small and improperly sized on mobile devices

Proposed Solutions:
GemPages support responded with recommendations:

  • For autoplay and hiding controls: Manual code editing is required if the video section lacks built-in settings to remove the control bar
  • For mobile sizing: Add custom Liquid code to a Custom Liquid section on the page

The response included screenshots and code markup examples (text appears corrupted/reversed in the thread).

Current Status:
A third user later inquired whether the original poster successfully resolved the issues, suggesting the problem may have been fixed but the solution wasn’t clearly documented in the thread.

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

Hello

I have two videos on my homepage

a) I want to make them both autoplay and remove the play and pause sign

b) When I switch from desktop to mobile, the video in mobile view becomes small and not suitable for mobile view can you please help?

The website URL is here : https://kali.eco/

Hello @pracheta

I would like to give you some recommendations to support you.

a) If your video section doesn’t have a setting to hide the play and pause control bar. You need to remove it from code.

b) You can try to add this code to a Custom Liquid section on your page.


Like below image

Hope my recommendation can works and support for you!

Best regards,
GemPages Support Team

How did you solve this @pracheta ?
Please help, because this has been driving me insane and it looks like you have solved it! :grinning_face_with_smiling_eyes: