How do i autoplay video on origin theme what is the css

Store Design
, , , , , ,

Topic summary

A user seeks CSS code to autoplay videos on the Origin theme for their Shopify store (ceool.co.uk).

Two solutions provided:

  1. JavaScript approach: Insert code in theme.liquid file before the closing </body> tag to enable autoplay functionality.

  2. HTML/CSS approach:

    • Add HTML code via Customize → Custom liquid widgets
    • Insert CSS styling in base.css file
    • CSS includes video wrapper with 100vh height, 100% width, hidden overflow, and object-fit cover properties for full-screen video display

Status: Multiple solutions offered but no confirmation from the original poster on which method worked or if the issue was resolved. Both responders requested marking their answer as the solution if helpful.

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

im trying to autoplay the videos on my site what is the correct code for origin theme as i dont have the option to change it to loop. my url is www.ceool.co.uk

2

hi @ceool

May this help you.

Navigate to your online store, go to the “Themes” section, click on “Actions,” select “Edit code,” and in the theme.liquid file, insert the following code just before the closing tag.

If I was able to assist you, please remember to give it a Like and Mark it as the Solution!

Let me know if need further assistance
Regards,
SideNode

3

Hi @ceool ,

Follow These Steps.

Using These HTML and CSS,

Goto Customize select Custom. liquid widgets and paste the html code.

Next Steps.

Go to the online store theme go to the base.css file paste the code mentioned below.

These Code,

Html Code

  

CSS Code

.video-wrapper {
  width:100%;
  height:100vh;
  overflow: hidden;
  
  video {
    object-fit: cover;
    width:100%;
    height:100%;
  }

And check if it is working for your store.

If I managed to help you then, don’t forget to Like it and Mark it as a Solution!