How to remove the play and pause button on a video?

Store Design
,
1

Hi everyone,

I have been seeing websites that don’t have a play and pause button on their videos with auto play selected on desktop and mobile. How can I emulate this?

IMG_0638.png
IMG_0638.png1170×2532 212 KB

As you can see it sits in the bottom right corner of the video. To inspect further visit Alcatrazgear.com

2

Hi @DaveyAlcatraz

  • Go to Online Store → Theme → Edit code.
  • Find the file assets/app.css and paste the code below at the bottom of the file.
video-player.playing:hover button.controller{
display:none!important;
}

devcoders_0-1723700443736.png
devcoders_0-1723700443736.png1365×583 178 KB

3

Hi @DaveyAlcatraz

Great to hear that the issue has been resolved! If my assistance was helpful, please consider liking and accepting the solution. Feel free to reach out if you have any further questions.