Today's Question: Are you a gamer? If so, what do you play?
Github for this Tutorial: https://github.com/designcourse/html5-video-scroll
-- Today, I'm going to show you how to embed a video in a web page, and control the playback based on the page scroll. If you scroll down, the video plays forward, and if you scroll up, it rewinds. Apple made this popular back in 2015 -- now, you get to do it!

- - - - - - - - - - - - - - - - - - - - - -

Subscribe for NEW VIDEOS weekly!


My site:                                 https://coursetro.com
My personal FB account:   http://fb.com/logodesigner
Coursetro FB:                       http://fb.com/coursetro
Coursetro's Twitter:             http://twitter.com/designcoursecom

Join my Discord!                https://discord.gg/a27CKAF
^-Chat with me and others

- - - - - - - - - - - - - - - - - - - - - -

Who is Gary Simon?  Well, I'm a full stack developer with 2+ decades experience and I teach people how to design and code. I've created around 100+ courses for big brands…

My new HTML5 & CSS3 COURSE IS OUT NOW!
https://developedbyed.com/

I am excited to bring you a javascript tutorial today. I always enjoyed apples product presentation pages on their website.
One cool thing they did was they animated a sequence of pictures or video based on the users scroll.
So in this episode we are going to create a javascript animation that animates a video based on scroll just like the one on airpod pro.

Microphones I Use
Audio-Technica AT2020 - https://geni.us/Re78 (Amazon)
Deity V-Mic D3 Pro - https://geni.us/y0HjQbz (Amazon)
BEHRINGER Audio Interface - https://geni.us/AcbCpd9 (Amazon)

Camera Gear
Fujifilm X-T3 - https://geni.us/7IM1 (Amazon)
Fujinon XF18-55mmF2.8-4 - https://geni.us/sztaN (Amazon)

PC Specs
Kingston SQ500S37/480G 480GB - https://geni.us/s7HWm (Amazon)
Gigabyte GeForce RTX 2070 - https://geni.us/uRw71gN (Amazon)
AMD Ryzen 7 2700X - https://geni.us/NaBSC (Amazon)
Corsair Vengeance LPX 16GB - https://geni.us/JDqK1KK (Amazon)
ASRock B450M PRO4 - https://geni.us/YAtI (Amazon)…

My new HTML5 & CSS3 COURSE IS OUT NOW! https://developedbyed.com/ I am excited to bring you a javascript tutorial today. I always enjoyed apples product pres...

Onboarding taken a level higher. Who said everyone has to do the same thing. 😎 Hey all, thank for all the support you’ve been showing me. Really appreciate your shares and kind comments. Much love - Andy . . . #interactiondesign #userinterface #uiinspiration #uxinspiration #uidaily #uiux #uiuxsupply #uxigers #uidesign #uxdesign #uxdesigner #uxuidesign #microinteractions #uibucket #uxdesignmastery #uxbucket #uxtrends #uidesignpatterns #appdesigner #uitrends #dailywebdesign #userexperiencedesign #userexperience #uiuxdesigner #mobileappdesign #mobileapps #uiuxgifs #interface #babymonitor #3danimation