Remove play button from Craft theme

cassiaan
Visitor
2 0 0

Hello, 

 

I have attempted to use the other answers to this question to remove the play button from my uploaded video on Shopify. I would like the video to play on a loop automatically when opening the website. 

 

Can anyone assist me in doing this? My website is www.cassiaan.com

 

Thank you. 

Replies 2 (2)

BSS-Commerce
Shopify Expert
3465 459 515

Hi @cassiaan,

If you want the video to play on a loop automatically, you can go to Theme->edit code, find the video element in file theme.liquid, change it to this code:

<video id='ad-video' controls autoplay loop muted='true'>
  <source src="https://interactive-examples.mdn.mozilla.net/media/cc0-videos/flower.mp4" type="video/mp4" />
</video>

source src is you video link, and note that after the chrome 66 update, you need to set attribute "muted='true' " to autoplay the video

The result can be as the following video:

https://www.loom.com/share/9b5558f60c6c4048affcb606a87f570c?sid=b1c15bd7-cffd-457f-a7be-c3e5805016a6

Remove the play button isn't the right way to make the video running automatically (but if you want :v you can find file name "base.css" then add the code below:

 

span.deferred-media__poster-button.motion-reduce {
    display: none;
}

)

Hope it helps @cassiaan 

If our suggestions are useful, please let us know by giving it a like or marking it as a solution.

For B2B solutions and custom pricing, check out B2B Solution & Custom Pricing |
For adding product labels/badges, visit Product Labels by BSS

BSS Commerce - Shopify Apps & Store Development Service Provider

Hire a Shopify expert | Shopify Plus Store Development

cassiaan
Visitor
2 0 0

hi this worked but it put the video at the very bottom of the website - www.cassiaan.com