1- Install the "Video Scroll Animation" plugin 2- Add the "Video Scroll Animation" element anywhere on your page
3- Upload your video or add it dynamically (make sure it is in mp4 format)
4- Enter your video duration (sec.)
5- Choose your options
6- Go to the workflow tab and follow this path:
When the page loads > add an action > element actions > run Video Scroll Animation

If the plugin is at the top of the page (like a header):
For example, if your video duration (sec) is 4, your page height should be at least 4 * 1000 pixels = 4000 pixels

If the plugin is not at the top of the page:
For example, if the Y value of the plugin is 600 and the video duration (sec) is 4, the height of your page should be at least 4 * 1000 pixels + 600 pixels = 4600 pixels

Summary: This plugin uses height (video_time) * 1000px.

Ready to scroll!

IMPORTANT: If you are going to use this plugin more than once on your page, you must uncheck "this element visible on page load" for each and set up a workflow like the following:  Page is loaded > show "Video Scroll Animation"

For a better understanding, please review the link below.
https://bubble.io/page?type=page&name=index&id=videoscrollanimation&test_plugin=1590024774722x878045364596768800_current&tab=tabs-2

To preview the plugin: https://videoscrollanimation.bubbleapps.io/version-test/