• 100 Days of Code
• Installation
• Live Site
• Resources
• Let's Connect!

Day 16: February 23, 2021

• I worked on two mini projects with video playback triggered by scrolling for Day 16.

• This project uses the Sticky.js plugin to make elements on a page stay visible. See first video project.

• The animation intervals have some hiccups, but I had fun turning it into a "How to Eat a Banana" tutorial.

1. Git clone and cd into the repo folder:

git clone git@github.com:emjose/video-scroll-two.git && cd video-scroll-two

2. Run the command:

open index.html

• Background video playback can play forwards or backwards depending on direction of vertical scrolling.

• Video Scroll 2 is a progressive web app.

• Sticky.js on Github

• Sticky.js by Anthony Garand

• Play Video on Scroll Tutorial by Technical Tuts 4u

• Scroll-based HTML5 Video Tutorial by DesignCourse

• 17 Amazing Ways to Eat a Banana

• My blog on how I created my Github READMEs