I have embedded three videos into my homepage. I want them pretty much the way they are, but I was wondering if anyone knows how I could adjust the code to make each video play only when it’s in view and pause when it’s not in view. So you scroll, the first video starts playing, you scroll further down, the first video stops playing, the second one (that’s in view) starts playing. You scroll back up to the first one it goes from pause to playing again (from the beginning of the video).
If anyone knows how to do this, please let me know.
I am assuming the “playsinline data-keepplaying” in the embed code is what needs to be adjusted.