Scrollytelling Techniques - Video and Audio Via Scroll

Video and audio triggered via scroll on a webpage. Demonstrates scrollytelling techniques with HTML, CSS, and JavaScript to play or scrub video and audio based on the scroll-bar position and the user scrolling the page. Includes how to encode video for frequent keyframes and fast-seeking for smooth scrubbing. Video via Scroll JavaScript File: https://karlcleveland.com/video-via-scroll-demo/videoviascroll.js Audio via Scroll JavaScript File: https://karlcleveland.com/video-via-scroll-demo/audioviascroll.js Full Demo: https://karlcleveland.com/video-via-scroll-demo/ Timestamps: 0:00 Introduction to Scrollytelling Techniques and Video via Scroll! 4:37 Encoding Video with Frequent Keyframes for Fast-Seeking 8:57 HTML, CSS, and JS for Video via Scroll - Scrubbing Video Based on Scroll Position 28:34 Working with Multiple Videos 31:22 Audio via Scroll - Triggering Audio Based on Scroll Position +