how to play a video when page is triggered screen

[kanishk soni]

how to play a video when page is triggered screen 

[mvaneijgen]

Hi @kanishk soni What have you tried already? We love to what you can come up with, that way we can see your thought process and thus better help you understand the tools!

 

 

[Joram3000]

something like this? this is probably not correct code but it works for me to trigger a video element when it comes into view.
you can actually also achieve this with playsInline and autoPlay maybe?

useGSAP(() => {

gsap.to(segments[0].videoRef.current, { // ref attached to your videoelement

scrollTrigger: {

trigger: segments[0].videoRef.current, // when the videoelement comes into viewport

start: "top bottom",

onEnter: () => segment0.current?.play(),

},

})

}, [])

[mvaneijgen]

Looks good! What is your question? If there is something not working be sure to include a minimal demo and we'll be happy to take a look at your setup.