Adding video to slideshow/main page to shopify

Topic summary

A user wants to add an autoplay background video to their Shopify store homepage (using the Retina theme) without visible YouTube controls, similar to a reference website.

Solution Provided:
A detailed 8-step tutorial was shared for adding a custom video background section:

  • Create a new section in the theme editor
  • Use custom code from a GitHub repository
  • Upload video files directly to Shopify (requires a paid plan)
  • Configure the video background section with the uploaded file link

Follow-up Issues:

  • One user reports aspect ratio limitations (locked at 800x500) and seeks help adjusting to wider dimensions like 1080x250
  • Another user cannot copy/paste the provided code
  • A user asks how to convert this into a horizontal slideshow with multiple videos
  • One user encounters code errors (“incorrect type, expected string” on line 228) causing layout problems with the footer appearing at the top and blank page sections

The discussion remains open with several unresolved technical questions about customization and troubleshooting.

Summarized with AI on October 28. AI used: claude-sonnet-4-5-20250929.

Hi! i can’t copy and paste the code