Scrolling Video controls (MP4/PNG/Image Sequence) (animation/video) Interaction support

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
  • Mar 21 2017
  • Park Jack commented
    12 Nov 02:44

    Gooo

  • Hugo commented
    May 26, 2022 09:00

    We really need this !

  • Daniel El Agha commented
    March 27, 2021 18:31

    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! (:

  • Nick Herasimenka commented
    January 20, 2021 00:51

    We need this!

  • Jon So commented
    June 26, 2020 19:13

    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?

  • Dan commented
    March 30, 2020 13:56

    please

  • Dan commented
    March 30, 2020 13:56

    чсдлleasexдуфыу

  • Pascal Holm commented
    February 06, 2020 12:30

    PLEASE!

  • Finn Fess commented
    November 26, 2019 17:23

    Been searching for this for so long damnn

  • Saxon Rix commented
    March 29, 2019 11:33

    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

  • Matthew Sanderson commented
    December 21, 2018 12:16

    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.

  • Alejandro Serpas commented
    November 26, 2018 20:46

    waiting for this to happen!

  • Wade commented
    September 14, 2018 19:06

    Am I the only person who wants to do THIS?

    https://www.apple.com/iphone-xs/

     

  • Wade commented
    September 14, 2018 19:05

    Am I the only person who wants to be able to do THIS?

     

  • Alborz Heydaryan commented
    March 19, 2018 17:25
  • Alborz Heydaryan commented
    March 19, 2018 17:21

    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! 

  • Matt Iuliano commented
    July 20, 2017 07:07

    YESSSSS PLEASE!

  • Jung Euiyoung commented
    March 23, 2017 04:19

    good idea!

  • +91