This page demonstrates a combination of CSS / JQuery JS to trigger mp4 video clips, with a generic CSS and JS function model that calculates the vertical stroll trigger location dynamically. The only variable to edit in the JS is var totalContentBlocks = 4; this needs to match the number of div blocks you wish to animate. Each div block must also be assigned an ID that matches the order; however no further JS modifications should be necessary, and the height of each content block can be dynamic as well.

Please don't modify this page without asking Tobias first!