If I view the scroll-video example here: Scroll Video - Bricksforge – The Bricks Tools that feel native and scroll back up on Firefox browser, the video is lagging and not even remotely smooth (even on private window without add-ons). On Chrome browser, everything is working as intended.
For the Scroll Video element, we are using the ScrollyVideo Library: https://scrollyvideo.js.org/ Do you notice the same on their example website? If no, can you try to include your video there and check again? (There is a input field where you can put your video url).
Actually, the video isn’t fluid on https://scrollyvideo.js.org/ when scrolling down and back up . It’s even worse…
Btw: The hardware does not limit my browser’s performance. Guess it’s the library itself then.
Hmm – strange. Cannot reproduce this on my macs. Will try on Windows later.
Anyway – this library is technically awesome and its really handy to use a video to create scroll video sequences, but it also brings some disadvantages. Also, I noticed some issues if the video has a parent with limiting boundaries.
If this library not fits your requirements, you can wait a bit. I plan to include an Image Sequence functionality as well (splitting your video into multiple images). Also, this method will give you a lot more flexibility in design.
Also I did another test with a video of my own and it’s definitely not as laggy as the video from the BF site:
Finally one last test using my video on the bricksforge demo site in FF. I feel like scrolling back up is a little less smooth than scrolling down but by far not as choppy:
So in conclusion, I still think it’s gotta be something about encoding / framerate / compression / etc. of the video itself, I guess the library needs the video to have been exported in a certain way for it to work, which unfortunately they don’t really document (unless I didn’t look for it well enough).
if you’ve already got it all implemented but your video is choppy or whatever, please share a link and give us some more details about the issues you’re facing (choppy video in ff, video won’t do X, etc.)