0 Replies Latest reply on Oct 17, 2014 10:22 AM by mcguirebrannon

    Recreating super slick iPhone 6 video scroll effect in Edge Animate

    mcguirebrannon Level 2

      On the iPhone 6 marketing page page, there are several HTML5 video elements (MP4) that react to scrolling in realtime. This is a super slick effect and I'm curious how it's working. Wondering if there's a way to do this in Edge Animate since frames are in absolute time and Edge Animate uses time as only a guide (no exact frames). Also working in Adobe Muse, so if there's a way to use that, great!


      This would be a great alternative to using 100+ JPEGs as the file size with an MP4 for tons of the same data is MUCH lower.


      Here's the page: http://www.apple.com/iphone-6/

      Screenshot for reference:  http://i.imgur.com/pCHkstw.png

      You'll have to scroll down to the shot right above "iPhone at its largest. And thinnest." heading.

      NOTE: This seems to work for MP4 only (not OGG-only browsers like FF for OSX). Tested in Chrome and Safari.