Create an Awesome Scroll-based HTML5 Video Explainer

Today's Question: Are you a gamer? If so, what do you play?
-- 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!

^-Chat with me and others

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

Come to my discord server or add me on social media and say Hi!

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

Subscribe for NEW VIDEOS weekly!

^-Chat with me and others

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

Come to my discord server or add me on social media and say Hi!

[DesignCourse]

Be sure to Subscribe! My answer for today's question: I started gaming on a PC as early as 11 or 12. The first game I ever played was WOLFENSTEIN 3D! Awesome stuff! That got me hooked into FPS gaming. I went from there to Doom & Doom 2. The first time I ever used the computer to create something was with Doom and Doom 2 levels. After that, I played 10 years of Quake 2 multiplayer. I also played from the very first Call of Duty all the way to MW2. Other games I played included QuakeWars, the Battlefield series, a lot of the CounterStrike series, etc.. Now, I haven't played a game in 4 or 5 years at least. I'm getting old and becoming my father, great.

[AhmedRaza-llyv]

I’m a php developer from past 4 years and never had much interest in the UI development, suddenly started watching your videos the way you teach is fantastic man, keep up the good work! Watching your videos almost regularly..

[rimann]

Love the concept and video here but I am getting some pretty aggressive jumping that is happening with my video. Is there a way to optimize the smoothness of the buffering? Would love to hear any tips you may have!

[kreativbeetle]

You can scroll in the browser to the right video point, then read the scroll position from the developers' mode.

[elleshar]

I am a gamer, have been since 1986 when I was 7. Played river raid and ghostsN goblins on commodore64 then moved to amiga . Been playing starcraft over a decade now. diamond 2 on EU ladder here.

[theredmaster_superbee]

Professor ... how can I rewind html5 animation with the browser bar? I have designed animations with adobe animate ... but I would like to be able to insert it in wordpress and be able to activate the animation as I go down the page ... it is as if it were a rewind control of the browser bar ... I am not a programmer and I am not I have a lot of idea how to solve it ... is it possible?

[cmnweb]

Hello frim México, you have awesome content in your channel, i'm old school gamer since snes and i play on switch/pc but big games this days sucks, but there are a few very good games from indis...keep the good work.

[holoabdulwebsite]

can you make a video on control video on scroll it again and how to integrate into elementor or another page builder

[midgetechknowledge]

Do you please make a video about footer? I always screwed with footer. I request because your videos are so descriptive and easily understandable. Thank you :)

[muhammadhassan]

Wow amazing work and nice tutorial. Such a real code and object moving while scrolling .

[geekinthehattech]

This is fantastic, I've done something similar but it's not the best! I should point out, when using vendor-specific properties, you should have them before the actual property. E.g. it should be -webkit-sticky and unprefixed sticky after.

[nikyabodigital]

is this possible with wordpress but i do it with custom html and css

[minusgod]

Gamer here !
I play games like Dota2, CSGO, CS1.6, etc ( esports games )
I have played almost every popular games/series
I been in this magical world for about my entire life, still playing lul.
My first ever game i played was Dave & Roadrash.

[cailinalcock]

This is awesome! So helpful! Thank you for this. Can this be used as just a section of a webpage?

[majs]

Hello, thank you for this video and the code, it was really useful. Do you have any tips on how to make the video run more smoothly as you scroll?

[anthonypenna]

Im a gamer! Played Team fortress 2 for a couple of years, Overwatch since launch and still play it :) Great video Gary, as always

I was also wondering if you could make a Mevn stack course on Udemy? An app with maybe authentication etc...

[nlzysdi]

How can I add and make this scrollable in wordpress?

[daymare-bmtq]

how to make more content below that video page and i can continue scrolling

[vvvppp]

Is it possible to run on Mobile Device ?

[bhavikakapadia]

Hi, I am new to programming. I just don't know the difference between html and html5?