Vanilla Javascript And CSS Sticky Floating Video On Page Scroll

Have you seen those sites where you play a video and scroll down and there is a video thumbnail like sticky floating videos pops up on the screen? Think it was facebook that introduced this feature and now you can add it to your websites tool thanks to the snippet by Marcel. This can be a great little UX hack for video-heavy content sites.

If you are having trouble with the pen, try the archived copy on GitHub

See the Pen
popout video
by creme (@creme)
on CodePen.

Praveen Kumar

I am a fullstack web developer with a passion for SEO, creating stunning websites, and organic marketing. I am a perfectionist.

Post navigation