How to remove the play button from a Craft theme video?

Shopify Discussion
1

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.

2

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

3

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