Title: Scroll video frame by frame
Last modified: June 6, 2019

---

# Scroll video frame by frame

 *  [dmsman2](https://wordpress.org/support/users/dmsman2/)
 * (@dmsman2)
 * [6 years, 11 months ago](https://wordpress.org/support/topic/scroll-video-frame-by-frame/)
 * Hi,
    does anybody know a plugin/code to realize a scroll function where the user
   can go through the video frame by frame. Best example would be the apple website.
   What solution would be the best? HTML5 code with java or a plugin? Can I add 
   a code somehow to existing themes?I only have basic programming experiences… 
   Thanks for your help/ideas. Cheers dmsman2

Viewing 4 replies - 1 through 4 (of 4 total)

 *  [Jonas](https://wordpress.org/support/users/760dev/)
 * (@760dev)
 * [6 years, 11 months ago](https://wordpress.org/support/topic/scroll-video-frame-by-frame/#post-11613517)
 * Hello [@dmsman2](https://wordpress.org/support/users/dmsman2/)
 * Are you referring to on scroll animations?
 * for example:
    [https://www.apple.com/ipados/ipados-preview/](https://www.apple.com/ipados/ipados-preview/)
 * Or is the video you are looking to control a video player? (for example Youtube
   or Vimeo). Or is it a background video? If you could clarify this, it will help
   us guide you to a good solution.
 * Jonas
 *  Thread Starter [dmsman2](https://wordpress.org/support/users/dmsman2/)
 * (@dmsman2)
 * [6 years, 11 months ago](https://wordpress.org/support/topic/scroll-video-frame-by-frame/#post-11614371)
 * Hi Jonas,
    yes I’m reffering to scroll animations with videos ipados is a example
   and also this is a good one: [https://www.apple.com/ipad-pro/](https://www.apple.com/ipad-pro/)
   It’s a horizontal solution but I would need a vertical solution but thats not
   the big point… I could do something with pictures and parallax effect but thats
   not the same effect. The base should be a video/mp4 file…
 * Thanks for your help
    Rgds dmsman2
 *  [Jonas](https://wordpress.org/support/users/760dev/)
 * (@760dev)
 * [6 years, 11 months ago](https://wordpress.org/support/topic/scroll-video-frame-by-frame/#post-11623686)
 * Hi dmsman2
 * Love the iPad example on that page. It seems to be a javascript solution which
   animates static imagery. I looked at the minified code from here:
 * [https://www.apple.com/v/ipad-pro/v/built/scripts/overview.built.js](https://www.apple.com/v/ipad-pro/v/built/scripts/overview.built.js)
 * To accomplish what you are looking to do, I would look at using the Greensock
   Javascript animation platform: [https://greensock.com/](https://greensock.com/)
 * There is a large knowledgebase and the animation platform is very developer friendly.
 * Controlling a background video frame by frame using scroll gestures is a bit 
   complex. You will need to take into consideration that background video files
   will not autoplay on mobile devices (iphones, tablets, iPads, etc) so the default
   image will load instead. Your best bet is to simulate a video using GSAP animations
   with static images, svgs and sprites. The end result will be sharper and cleaner
   imagery without having to load video.
 * Hope that helps,
    Jonas
 *  Thread Starter [dmsman2](https://wordpress.org/support/users/dmsman2/)
 * (@dmsman2)
 * [6 years, 11 months ago](https://wordpress.org/support/topic/scroll-video-frame-by-frame/#post-11637293)
 * Hi Jonas,
    thanks a lot for your feedback! Greensock locks good I will try to
   realize this with this animation platform. Good advise – never heard about this
   solution before…
 * Thanks!
    Rgds dmsman2

Viewing 4 replies - 1 through 4 (of 4 total)

The topic ‘Scroll video frame by frame’ is closed to new replies.

 * In: [Fixing WordPress](https://wordpress.org/support/forum/how-to-and-troubleshooting/)
 * 4 replies
 * 2 participants
 * Last reply from: [dmsman2](https://wordpress.org/support/users/dmsman2/)
 * Last activity: [6 years, 11 months ago](https://wordpress.org/support/topic/scroll-video-frame-by-frame/#post-11637293)
 * Status: not resolved

## Topics

### Topics with no replies

### Non-support topics

### Resolved topics

### Unresolved topics

### All topics