I have product videos on my store, and I’ve come across a slight issue.
On mobile view, when I scroll/swipe through the product images, the product video doesn’t play automatically, and I have to click on the play button located at the top left of the image/preview picture of the video (see first image), then I have to click the play button again which then makes the video load without being able to view the rest of the product page (see second image).
However, when I select the video using the product image thumbnails, it allows me to select a play button in the middle of the video and when clicked, the video plays instantly without the video enlarging or having to click play again (see third image).
I want the videos to only play via this method.
If autoplay can be enabled instead, that would be even better (without controls preferably)
Actually Shopify suggests us to not use autoplay feature as it is found in survey that many people find it annoying.
Yet we can enable autoplay by playing around with codes, but if you simply enable it using HTML which is quite easy I will share screenshot here if you need, it will play the video as soon as a customer arrives the page we can make it mute, loop and nocontrols so it will look like a live image,
But If you want the video only plays when it comes to the viewport of the user and have sound it will require quite scripting so your call how would you like it?
Or I have developed a section for video to play automatic in my demo store
I’ve also heard that Shopify don’t recommend autoplay, but I feel for my customer base they would enjoy seeing it this way.
“Yet we can enable autoplay by playing around with codes, but if you simply enable it using HTML which is quite easy I will share screenshot here if you need, it will play the video as soon as a customer arrives the page we can make it mute, loop and nocontrols so it will look like a live image”
- I think if we could try this first, then that would be fantastic as this is what I want. I don’t mind have a single play button in the middle if that’s not an option. The look I’m going for is as shown on this product on the Nike website Nike Website Example
My videos are all muted so there is no sound on them; but I do like the idea of the video only playing when it comes to the viewpoint of the user. Lets try the first option first and then go from there?
I also like the video you have on your website; I’m not sure I would want to go for this right now; but thank you for showing me as that is a very good option.
