How to remove the 'play' symbol from an embedded video on a Refresh theme?

[PookieHontus]

Hi There,

I am hoping to seek some expert coding on removing the 'play' symbol from the Shopify embedded video I have playing on my Homepage. I need it to autoplay on loop when traffic hits my site without them having to press play.
I am using the theme 'Refresh' I have tried to source this information myself with no luck.

Thanks in advance & hoping someone can help.

[gmeo · Accepted solution]

Hi, 

According to your request, I understand you need to use the video as background, and it will automatically play for every customer who enters your store, and it will repeat endlessly.

Try this code, I hope it works for you:

Click to expand...

<video style="pointer-events:none;" loop="" muted="" no-controls="" autoplay="" src="URL VIDEO" playsinline="" draggable="false"></video>

in there:
style="pointer-events:none;" -> so that users cannot influence the video (cannot click or drag)
loop="" -> repeat
muted="" -> turn off the sound, currently most browsers do not allow videos to automatically play when the sound is turned on (must be turned off to automatically play)
no-controls="" -> hides the control bar
autoplay="" -> autoplay

[gmeo · Accepted solution]

Hi, 

According to your request, I understand you need to use the video as background, and it will automatically play for every customer who enters your store, and it will repeat endlessly.

Try this code, I hope it works for you:

Click to expand...

<video style="pointer-events:none;" loop="" muted="" no-controls="" autoplay="" src="URL VIDEO" playsinline="" draggable="false"></video>

in there:
style="pointer-events:none;" -> so that users cannot influence the video (cannot click or drag)
loop="" -> repeat
muted="" -> turn off the sound, currently most browsers do not allow videos to automatically play when the sound is turned on (must be turned off to automatically play)
no-controls="" -> hides the control bar
autoplay="" -> autoplay

[PookieHontus · Accepted solution]

Thank you so much Gmeo, I will give it a try. Quick question, is this in the theme.liquid?

[gmeo]

You can place the code in the "Custom Liquid" section, and place it anywhere you want on your store