/    Sign up×
Community /Pin to ProfileBookmark

Video autoplay according to scroll

Copy linkTweet thisAlerts:
Jan 31.2021

I’ve been asked to build a website with the same scroll features as in this website:
https://www.mojo.vision/
For example when scrolling down the videos change from static images to autoplay videos (vimeo).
Also the inner pages have a interactive lottie.js file that moves according to the scroll for example:
https://www.mojo.vision/mojo-lens
Any suggestions how to build this in combination with a CMS such as wordpress? Any js libraries or frameworks that I can work with?
Thanks!

to post a comment
JavaScript

2 Comments(s) ↴

Copy linkTweet thisAlerts:
@VITSUSAFeb 01.2021 — Click on the mentioned hyperlink to know about video autoplay according to scroll -

https://kinsta.com/blog/embed-youtube-video-wordpress/
Copy linkTweet thisAlerts:
@bwclovisFeb 05.2021 — Heh.. that's a fun one. I would recommend looking into intersection observer. Honestly I don't think you need a library to do this sort of thing.

Please note: there is no sound on these videos.. and that is a GOOD thing. My accessibility self wonders if there is a problem with them NOT having a way to manually pause the video however.
×

Success!

Help @noaa11 spread the word by sharing this article on Twitter...

Tweet This
Sign in
Forgot password?
Sign in with TwitchSign in with GithubCreate Account
about: ({
version: 0.1.9 — BETA 5.9,
whats_new: community page,
up_next: more Davinci•003 tasks,
coming_soon: events calendar,
social: @webDeveloperHQ
});

legal: ({
terms: of use,
privacy: policy
});
changelog: (
version: 0.1.9,
notes: added community page

version: 0.1.8,
notes: added Davinci•003

version: 0.1.7,
notes: upvote answers to bounties

version: 0.1.6,
notes: article editor refresh
)...
recent_tips: (
tipper: @AriseFacilitySolutions09,
tipped: article
amount: 1000 SATS,

tipper: @Yussuf4331,
tipped: article
amount: 1000 SATS,

tipper: @darkwebsites540,
tipped: article
amount: 10 SATS,
)...