Product Overview
Scrollsequence PRO turns standard video files into immersive, scroll-driven animations that put visitors in control. Instead of a passive player, the animation advances and rewinds frame-by-frame as users scroll down or up the page — creating a cinematic, interactive experience that holds attention longer and communicates complex visual stories without requiring a play button.
Upload a video, configure a few settings, and embed the sequence anywhere using the Gutenberg block or a shortcode. The plugin renders optimized image sequences (WebP with JPEG fallback) that load efficiently and respond instantly to scroll input. No external dependencies, no monthly fees, no performance drag.
Key Features
- Video-to-sequence conversion: Upload MP4, WebM, or MOV (H.264, VP8/VP9); the plugin extracts frames and builds an optimized image sequence automatically.
- Scroll-synced playback: Animation progress maps 1:1 to scroll position — smooth, jank-free, and fully reversible.
- Gutenberg block & shortcode: Drop the block into any post, page, or template; or use
[scrollsequence id="123"] with attributes for classic editor and page builders (Elementor, Bricks, Divi, etc.).
- Responsive & retina-ready: Sequences scale fluidly across breakpoints; high-DPI assets served automatically when configured.
- Performance-first output: WebP delivery with JPEG fallback, lazy-loading, and optional preload strategies keep Core Web Vitals green.
- Customizable controls: Adjust frame count, playback direction, scroll sensitivity, looping, and placeholder styling.
- WordPress.org hosted: Install directly from the plugin directory — updates, reviews, and support threads all in one place.
Benefits
- Higher engagement time: Scroll-driven interaction keeps visitors on the page longer than auto-play video.
- No JavaScript frameworks required: Works out of the box with any theme, builder, or custom template.
- Accessible by default: Respects
prefers-reduced-motion; keyboard-navigable; no autoplay audio surprises.
- Developer-friendly: Clean PHP architecture, filter hooks for advanced customization, no obfuscated code.
- Zero recurring cost: Free on WordPress.org with no feature-gated pro upsell in the repository version.
How It Can Be Used
- Product showcases: Let shoppers scrub through a 360° product rotation or feature highlight reel by scrolling.
- Data visualization: Reveal charts, diagrams, or process flows step-by-step as the reader advances.
- Portfolio & case studies: Present before/after transitions, animation breakdowns, or design iterations interactively.
- Landing page storytelling: Guide visitors through a narrative — each scroll reveals the next scene.
- Education & tutorials: Frame-by-frame walkthroughs of UI interactions, code execution, or physical processes.
Specifications
- Platform: WordPress 5.8+ (block editor support)
- PHP: 7.4 or higher
- Supported video inputs: MP4, WebM, MOV (H.264, VP8/VP9)
- Output formats: WebP (primary), JPEG (fallback)
- Embed methods: Gutenberg block, shortcode, PHP function
- License: GPL v2 or later (WordPress.org repository version)
Why Choose Scrollsequence PRO?
Most scroll-animation tools either require hand-crafting image sequences in After Effects, depend on heavy JS libraries like GSAP/ScrollTrigger, or lock core features behind a SaaS subscription. Scrollsequence PRO eliminates all three friction points: it accepts raw video, renders optimized sequences server-side, and runs on a few kilobytes of vanilla JavaScript — all within the WordPress ecosystem you already manage.
Because it lives in the official plugin directory, you get transparent version history, community-vetted code, and update notifications in your dashboard. No license keys to manage, no external API calls, no vendor lock-in.
Frequently Asked Questions
- Does Scrollsequence PRO work with page builders like Elementor or Bricks?
- Yes. Use the provided shortcode
[scrollsequence id="123"] inside any builder’s shortcode/text/html widget, or add the Gutenberg block via the builder’s native block element.
- What happens if a visitor has “prefers reduced motion” enabled?
- The plugin detects the
prefers-reduced-motion media query and serves a static fallback image (the first frame) instead of the interactive sequence, ensuring accessibility compliance.
- Can I host the image sequences on a CDN?
- Yes. Generated assets are standard media library files; any offload/media-CDN plugin (WP Offload Media, BunnyCDN, Cloudflare, etc.) will serve them automatically.
- Is there a limit on video length or frame count?
- The repository version processes videos up to roughly 30 seconds / 900 frames per sequence to keep server resource usage reasonable. Longer content should be split into multiple sequences.
- Does it support audio?
- No. Scrollsequence PRO is designed for silent, visual-only sequences. Audio is intentionally excluded to avoid unexpected playback and to keep the experience scroll-controlled rather than time-controlled.
Conclusion
Scrollsequence PRO gives WordPress sites a native, performant way to turn video into scroll-driven storytelling — without the bloat, cost, or complexity of traditional animation workflows. Install it from the WordPress plugin directory, upload a video, and publish an interactive cinematic experience in minutes.