Video scroll not working in mobile

[nalinsamee76]

I have setup this code and check with mobile. But the video scrolls not working properly. Please give proper solution for that.

https://yowani.tpdynamics.com.au/

 

I have checked with this link using mobile. I have added below codepen code lines only. didn't change any changes.

See the Pen JjGpMzR by krispen (@krispen) on CodePen

[mvaneijgen]

I've set the following properties to the video element playsinline muted loop autoplay found on https://stackoverflow.com/questions/38319685/mp4-not-able-to-load-in-mobile-browser and now the video loads on mobile, but it will auto play. To my knowledge this has nothing to do with GSAP, so I don't know what could fix this issue. 

 

See the Pen dyKYrXp by mvaneijgen (@mvaneijgen) on CodePen

[nalinsamee76]

4 hours ago, mvaneijgen said:

I've set the following properties to the video element playsinline muted loop autoplay found on https://stackoverflow.com/questions/38319685/mp4-not-able-to-load-in-mobile-browser and now the video loads on mobile, but it will auto play. To my knowledge this has nothing to do with GSAP, so I don't know what could fix this issue. 

 

 

 

But the issue is I can't add the autoplay method. My client needs to scroll the video with text segments. Please give proper solution for it.I'm stucked with this bug.

[Rodrigo]

Hi,

 

If you don't want the video to autoplay just set the attribute to false:

https://developer.mozilla.org/en-US/docs/Web/API/HTMLMediaElement/autoplay

 

Also take a look at this thread as well for video + ScrollTrigger:

If you're struggling with something else, please be more specific about the issue you're facing and what you expect to see/have in your app.

 

Let us know if you have more questions.

 

Happy Tweening!