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
  • Jon So commented
    26 Jun 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
    30 Mar 13:56

    please

  • Dan commented
    30 Mar 13:56

    чсдлleasexдуфыу

  • Pascal Holm commented
    06 Feb 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!

  • and 73 more