how to auto play a video on home screen

Store Design
, ,
1

id like for the home screen to auto play the video without the consumer having to press play.

is this possible on dawn theme?

2

Hi Andia,
You can do it like this:
3

where does it go?

4

Andia_0-1718700062647.png
Andia_0-1718700062647.png376×727 26.7 KB

it has been added here.

5

Hi @Andia

You can try to add this code to your theme.liquid file, before to check
6

www.andiacollective.com.au

doesnt quite work. opens to a black screen vs the video

7

Updtade this on live 106 in video section

{{
            section.settings.video
            | video_tag:
              image_size: '1100x',
              autoplay: true,
              loop: section.settings.enable_video_looping,
              controls: true,
              muted: true
          }}
8

Andia_0-1718701052949.png
Andia_0-1718701052949.png457×932 38 KB

doesnt seem to work here

9

No, You need to go in themes codes, under sections you need to find video and under line 106 change code.

10

It doesn’t work on Chrome but it works on Firefox and Safari :disappointed_face:

11

oh amazing!! is there a way i can remove this

Andia_0-1718703998355.png
Andia_0-1718703998355.png193×152 21 KB

12

Hi @Andia ,

May I suggest to update code these steps:

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

EBOOST_0-1718703921788.png
EBOOST_0-1718703921788.png532×438 15.6 KB

  1. sections/video.liquid

  2. Add code below to top of file

EBOOST_1-1718703962428.png
EBOOST_1-1718703962428.png999×502 101 KB

13

how can i remove this:

Andia_0-1718704313511.png
Andia_0-1718704313511.png193×152 21 KB

14

i also want to hide the controls on hover

15

To remove controls paste this instead:

{{
            section.settings.video
            | video_tag:
              image_size: '1100x',
              autoplay: true,
              loop: section.settings.enable_video_looping,
              controls: false,
              muted: true
          }}

Also to remove play button, on top of section on first line add this:
16

thank you!!

1 Like
17

where I need to put this code?

18

not working