How to play each video in an array as each one comes into view

[LauraS]

I want to create an array of videos, then as each one comes into view, play it, but my code doesn't seem to be working. I think I'm either cycling through the array improperly or calling the play function improperly. Can anyone help please?

See the Pen poMNZLr by lschneiderman (@lschneiderman) on CodePen.

[mvaneijgen]

You don't want to autoplay other than that it seems to work fine! 

 

See the Pen vYogYyP?editors=1010 by mvaneijgen (@mvaneijgen) on CodePen.

[LauraS]

@mvaneijgen Thank you! I have to include "autoplay", though, or else Safari on mobile will not play the videos with ScrollTrigger. Safari sucks.

[mvaneijgen]

Maybe you can then can include autoplay, but then .pause() them with javascript and then .play() might still work?