set the video to autoplay and loop ?

Store Design
, ,

Topic summary

A user wants to implement autoplay and loop functionality for a video on their Shopify store’s recruitment landing page.

Initial Solution Provided:

  • Replace the existing video tag with HTML code that includes autoplay="true" and loop attributes
  • The suggested code includes controls and responsive styling (max-width: 100%; height: auto;)

Additional Requirements:

  • Mobile compatibility for the video
  • Full-width display on desktop/PC

Technical Considerations:

  • Autoplay on mobile requires JavaScript implementation, as HTML tag attributes alone don’t work on mobile devices
  • Full-width styling can be achieved with CSS adjustments
  • The developer offers professional assistance for further customization

Status: The basic solution has been provided, but mobile autoplay implementation remains pending and would require additional JavaScript work.

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

Hello

I want to set the video to autoplay or loop.
set page link > https://havanagroup-official.com/pages/recruit

S__38248522.jpg
S__38248522.jpg870×1882 81.7 KB

2

Will need the password, its password protected.

3

Please check the following before it is published.

password: aolyia

Thank you

4

if you have access to the video tag on the page which i am almost sure you do, just replace the video tag with this

1 Like
5

Thankyou！！

⑴Can it also be adapted for mobile use?

⑵Also, I would like to make it full-width when using a PC, is that possible?

6

Yeah it is. That is what I do as a profession.

For mobile videos do not work from the tag attributes, so javascript is required to implement autoplay for mobile.

And for full width a bit of css would do.

Please reach out via personal links below for a convenient conversation and collaboration.

Best

Shadab