How to remove play button in product video so it loop

[merchantTest]

Hello , How can I remove the play button in product video in Dawn Theme so the video will loop without interactions in mobile view, Any suggest is much appreciated - here’s the store link Brainy Scope – Gigglestores

[Dan-From-Ryviu]

Please remove controls="controls" in the video code to play the button in the video.

[suyash1]

@merchantTest it looks like that this video has been uploaded as product media.

So you need to go to product media template, check the code for video section and then as mentioned by @Dan-From-Ryviu , remove the controls part from the code.

[devcoders]

Hi @merchantTest

1. In your Shopify Admin go to online store > themes > actions > edit code
2. Find Asset > base.css and paste this at the bottow of the file:

@media screen and (max-width: 749px) {
  .product__media-icon.motion-reduce.quick-add-hidden {
    display: none !important;
  }
}

Best regards,
Devcoder

[Small_Task_Help]

Hi,

Hope this will help

Check product media settings in Dawn first and If needed edit the tag in product-media.liquid

Use following and replace controls

<video
  autoplay
  loop
  muted
  playsinline
  preload="metadata">

Videos must be muted to autoplay on mobile

[merchantTest]

Hi, thank you for the response @Dan-From-Ryviu how or where to locate this controls=“controls” code?

[suyash1]

@merchantTest go to product media liquid code template and check

[Dan-From-Ryviu]

@merchantTest

Dawn

Please try to find and remove the code controls: true, in product-thumbnail.liquid file

[merchantTest]

Hi I remove the control code already but the play button is still showing in Mobile view, thank you so much by the way for assisting me

[suyash1]

@merchantTest add this css and check

span.product__media-icon {display: none !important;}