Autoplay product gallery video on Dawn 12.0.0

Store Design
1

Hi everyone, I’m figuring out how to autoplay product gallery videos on Dawn theme 12.0.0.

Now the video appears as an image with an icon to click to make it run. So there is no video tag to give an autoplay attribute.

Any suggestion?

2

Hi @emanuelepasin ,

May I suggest to update code these steps:

  1. Go to Store Online-> theme → edit code

EBOOST_1-1672356985580.png
EBOOST_1-1672356985580.png532×438 15.6 KB

  1. Layout/theme.liquid
  2. Add code below to end of file and before tag

EBOOST_0-1715850812025.png
EBOOST_0-1715850812025.png869×302 7.15 KB

3

Unfortunately it’s not working properly on desktop because the js scroll the page to the video tumbnail. Moreover it’s not working on mobile.

4

Hi @emanuelepasin ,

You can use code below:
5

Sorry for my late reply! It works great on desktop but on mobile it scrolls directly to the video media and the other pictures are not showing anymore. It’s something related to the CSS in the media query.

6

Hello,

Thanks for the code. I agree with @emanuelepasin that it makes the video show up first. Is there a way to stop it moving the video location please?