To be able to play through a sequence of images (video) using scrolling or other controls to control the playback rate.
Used heavily on Apple.com
Scrolling Example (macbook screen): http://www.apple.com/macbook-pro/
You can see how the image on the screen of the Macbook plays forward and reverse (a video) which is directly connected to the scrolling of the user.
Wade
.svg){kind=logo}
Edit: read only mode breaks the interaction, maybe this link will work: https://airpoods.webflow.io/
I'm not sure if it's exactly the same, but you can achieve a similar effect using lottie animations and scroll checkpoints throughout the animation. I have a portfolio project that emulates apples style here: https://preview.webflow.com/preview/airpoods?utm_medium=preview_link&utm_source=dashboard&utm_content=airpoods&preview=f6c15d49c0cfa7f44608a385ea58294b&workflow=preview
Also there's a tutorial for the effect: https://www.youtube.com/watch?app=desktop&v=5Q0zGoHUczY&t=170s&ab_channel=MoritzPetersen
Gooo
We really need this !
this would be a game changer!
currently we have to figure out some complicated work-arounds for this...so it would be great to get this function soon! (:
We need this!
Investing max votes on this. I'm spent so many hours trying to hack together subpar solutions like scrolling video using Lottie (HUGE files sizes!) and using the Background Video element in places that I don't want it to loop (or that I want to pause/play it on enter/exit viewport). Please Webflow, please add this to IX2 (or 3?) as soon as you can!
Pretty pretty please?
please
чсдлleasexдуфыу
PLEASE!
Been searching for this for so long damnn
This would be great! I''ve found that on this site: https://unawheel.eu/
They do it with a long png image consisting of all the frames of the animation: https://unawheel.eu/wp-content/themes/unawheel/assets/anim/ultracompact/ultracompact.png
I'm out of votes but would love to see this too – I've spent ages messing around with custom code in the past to achieve this sort of thing. Be great to have it built into interactions.
waiting for this to happen!
Am I the only person who wants to do THIS?
https://www.apple.com/iphone-xs/
Am I the only person who wants to be able to do THIS?
I messed up the CSS of the website and managed to see how it's a separate file. here are the actual links for the videos used there:
https://www.apple.com/105/media/us/imac-pro/2017/1b6b08f2_0224_4f63_b625_3fd0ac6861e8/hero-video/screen/large_2x.mp4
https://www.apple.com/105/media/us/imac-pro/2017/1b6b08f2_0224_4f63_b625_3fd0ac6861e8/hero-video/hardware/large_2x.mp4
I gave this 3 votes. I spent quite a big chunk of time trying to figure out how Apple did the animations. except I was looking at the new iMac Pro page. It turns out it's an MP4 video and they are scrubbing through the video based on scrolling.
And the screen is actually a whole other MP4 video but they are adding the perspective in code! I'm amazed at the level of detail there!
I do motion graphics and this would help me bring my website to a whole new level!
YESSSSS PLEASE!
good idea!