How can I add autoplay videos on my product page and homepage slideshow?

I am trying to add a video file to my product page, however when viewing on mobile, I have to click 3 times on the play button for the video to start playing. I would like for the video to autoplay on all devices. Also, I would like to be able to add autoplay videos onto the homepage slide show. Thank you in advance.

Hi there,

Can you share your website link so I or other community members can look into the play button video inquiry? However this community is very rich in providing guidance, for custom solutions, I’d suggest to hire a web developer.

Cheers!

Could you please share the link.

Usually there are restriction for autoplay on Mobile, you can read about them here - https://stackoverflow.com/questions/42160528/html5-autoplay-video-in-mobile-device

But of course it should not take 3 clicks.

Hi there,

I think I’ve faced this problem before.

On mobile, a modal opener covers up the video, so it takes you to a popup before you can play it. By hiding this modal opener, you can reduce the steps.

You may need to go to the file that creates the media list, probably snippets > product-image.liquid (this may vary based on your theme), then, when the media type is a video:

  1. Hide the

  2. Make the next to the modal visible

If you can provide me with the code, I can provide detailed instructions. :grin:

Thank you for providing the website link!

Furthermore, it would be more relevant if you can provide the link of a product that contains a video - after a quick look and wandering through products, I couldn’t find one.

Cheers!

https://rezith.com/products/striped-poplin-shirt