How do I remove autoplay from hero video on Mobile - Motion Theme

Technical Q&A
1

The videos on mobile autoplay when they shouldn’t, they should have a play button and not play upon load since it’s affecting load times. What would the code be to just remove autoplay and put a play button in for mobile breakpoints only, it is fine on desktop.

Below is my preview site: https://43ms74auwfmcnnqj-55480647737.shopifypreview.com

2

Hi @jaimie2 ,

I have checked and it is a complex requirement, you need to have knowledge of Liquid, CSS and JS, so it will be difficult for someone to guide you in detail.

I recommend you contact the theme developer directly, they will check and give you the best solution.

Hope it helps!

3

@jaimie2
Following are the different type of ways you can make video auto play or stop.


{{ media | video_tag: autoplay: true }}

{{ media | video_tag: autoplay: true, loop: true }}

{{ media | video_tag: autoplay: true, loop: true, muted: true }}

{{ media | video_tag: autoplay: true, loop: true, muted: true, controls: true }}