How can I enable product video autoplay on my site?

Store Design
, ,
1

How do i make video on my products autoplay?

I have a video on this product as an example, but i plan to have video on all products, so i need all product videos til autoplay: https://teefiti.dk/products/stella-langaermet-top - the code is Teefiti2022

Where do i code this?

2

Hi, @MetteT . I’m happy to share more information on this! I just have a few questions to make sure I give you the best advice going forward. Do you mind if I ask why you want the video to autoplay? Is there certain information you are hoping to highlight for your customers with your videos? Also, do your product videos have any sound?

Starting in April 2018, Google Chrome by default disabled autoplay on videos that have sound. This article explains more about that change. Mobile devices, particularly Android and iOS devices, also disable autoplay videos to save users mobile data. This means that autoplay videos are often disabled by default based on the browser the customer is using.

We also typically advise against having autoplay videos for a few different reasons explained below:

  • It can have a negative impact on accessibility. Visually impaired users that use screen readers can’t hear the screen, or find how to stop the video. Autoplay videos can also cause discomfort, or even pain, for some users who are sensitive to movement or sound. By ensuring that the customer has control over the video playback, a site is more accessible to a wider audience.
  • Some people browse the internet while watching TV, on the phone at the same time, or completing other tasks. Autoplay videos can interrupt the user’s task, which will most likely lead to page abandonment. Allowing the user to choose when to play the video can help avoid this.
  • Many users will automatically close a browser tab that has sound by default. This means that an autoplay video can cause you to lose sales and hurt your overall conversion.
  • Customers browsing on mobile devices appreciate the opportunity to save the video for later when they are connected to wifi rather than using up cell data.

If you’d like more information on autoplay videos I recommend this article from one of our Theme Partners, Out of the Sandbox. This guide on accessibility for themes has some tips that can help with your store design as well.

Please let me know if you have any questions!

1 Like
3

Hi Erin.

Thank you for the comment and for explaining everything! I didnt know it could be such a hassle to so many people. The videos won’t have any sound no, so atleast it wont be a hassle to my costumers in that regard. But i do see how it could be annoying if the costumer is using data.

the videos will be very short just showing the different clothing items I sell in motion, with the model doing a little 360 degree turn. Im worried my costumers wont notice that its a video if it doesnt autoplay, thats why i figured it would be best if it played. I know there is a play icon in the top left corner on mobile but its just fairly small.

4

Hi @Erin_1 .

Thank you for the comment and for explaining everything! I didnt know it could be such a hassle to so many people. The videos won’t have any sound no, so atleast it wont be a hassle to my costumers in that regard. But i do see how it could be annoying if the costumer is using data.

the videos will be very short just showing the different clothing items I sell in motion, with the model doing a little 360 degree turn. Im worried my costumers wont notice that its a video if it doesnt autoplay, thats why i figured it would be best if it played. I know there is a play icon in the top left corner on mobile but its just fairly small.

5

@MetteT
Follow this link step hope it will be helpful for you : https://logicalidea.co/video-autoplay-shopify/

Add autoplay=“” attribute into the video tag .