Title: Gene Scroll Hero – Video Background Hero that Plays as You Scroll Author: onecraftne Published: June 8, 2026 Last modified: July 8, 2026 --- Search plugins ![](https://ps.w.org/gene-section-builder/assets/banner-772x250.png?rev=3600080) ![](https://ps.w.org/gene-section-builder/assets/icon.svg?rev=3585040) # Gene Scroll Hero – Video Background Hero that Plays as You Scroll By [onecraftne](https://profiles.wordpress.org/onecraftne/) [Download](https://downloads.wordpress.org/plugin/gene-section-builder.3.5.0.zip) * [Details](https://li.wordpress.org/plugins/gene-section-builder/#description) * [Reviews](https://li.wordpress.org/plugins/gene-section-builder/#reviews) * [Installation](https://li.wordpress.org/plugins/gene-section-builder/#installation) * [Development](https://li.wordpress.org/plugins/gene-section-builder/#developers) [Support](https://wordpress.org/support/plugin/gene-section-builder/) ## Description You’ve seen those websites where you scroll and a video plays behind the words — a car being built, waves rolling in, a city at night. It looks expensive. It looks like a movie. **Gene Scroll Hero** puts that on your WordPress site. Pick a video, type a heading, and the top of your page opens like a film. As people scroll down, the video plays. Scroll back up, and it rewinds. No page builder, no designer, no code. #### Make it in a minute 1. Add the **Scroll Hero** block to any page. 2. Choose a background — a video, or just an image. 3. Type your headline. That’s the whole thing. Your hero fills the screen, your video moves with the scroll, and your words sit right on top. #### Where people use it * The top of a **homepage**, so the first thing visitors see feels alive * A **product** or new-launch page * A **portfolio** or a **photographer’s** site * A **restaurant**, **café**, **gym** or **studio** * A **wedding** or **event** page * A **real-estate** listing that shows the place in motion #### Why you’ll like it * **Dead simple.** A video and a headline — that’s the block. * **It stays fast.** The hero only loads on the pages that use it, so the rest of your site isn’t slowed down. * **Looks right on phones.** It fills the screen and stacks neatly on small screens. * **Nothing breaks.** If a visitor’s browser is old, has motion turned off, or JavaScript is blocked, your video still shows and your words are still there. And if you ever switch the plugin off, your content stays put. * **It’s yours.** No accounts, no watermarks, nothing loaded from someone else’s server. #### Want more? The free version gives you the full scroll-video hero with one headline. **Pro** lets your headline become a short story: add several lines that appear one after another as visitors scroll — first one statement, then the next — plus fine control over how long the scroll lasts. Learn more at https://gene-wp.com/. ## Screenshots [⌊A full-screen scroll hero on the front end — a background video with your headline over it.⌉⌊A full-screen scroll hero on the front end — a background video with your headline over it.⌉[ A full-screen scroll hero on the front end — a background video with your headline over it. [⌊Editing in WordPress: add the Scroll Hero block, choose a background video or image, and type your heading.⌉⌊Editing in WordPress: add the Scroll Hero block, choose a background video or image, and type your heading.⌉[ Editing in WordPress: add the Scroll Hero block, choose a background video or image, and type your heading. [⌊Find it in the block inserter — add "Scroll Hero" under the GENE Motion category.⌉⌊ Find it in the block inserter — add "Scroll Hero" under the GENE Motion category .⌉[ Find it in the block inserter — add “Scroll Hero” under the GENE Motion category. ## Blocks This plugin provides 1 block. * Scroll Hero A full-screen hero with a background image or a video that scrubs with the scroll, and a heading over it. Native scroll-driven, no libraries; without JavaScript it's a clean hero with a looping background. Pro adds headings that swap one after another as you scroll, plus fine scroll controls. ## Installation 1. Install and activate the plugin. 2. Edit a page, open the block inserter (the “+”), and add the **Scroll Hero** block( under the **GENE Motion** category). 3. Choose a background video or image, type a heading, and publish. Tip: a short clip (a few seconds) gives the smoothest result. ## FAQ ### Do I need to know any code? No. Add the block, pick a video, type a heading. There’s nothing to set up. ### What kind of video should I use? An **MP4** works best. Keep it short — a few seconds is plenty, since the video is tied to scrolling rather than playing on a timer. Shorter clips also keep your page light and scrub more smoothly. ### Can I use an image instead of a video? Yes. Set an image as the background and you get a clean full-screen hero with your heading — no video required. ### Will it slow down my site? No. The hero’s script only loads on the pages that actually use it, so the rest of your site is untouched. ### Does it work on phones? Yes. The hero fills the screen and adapts to small screens. On phones that prefer reduced motion, the video simply plays gently instead of tying to the scroll. ### What happens if I deactivate the plugin? Your video and heading stay on the page as normal content. The scroll effect is what goes away — your page doesn’t break. ### Can the heading change as people scroll? That’s the **Pro** feature: add several headings and they appear one after another as visitors scroll, like a short story. The free version gives you one headline. ## Reviews There are no reviews for this plugin. ## Contributors & Developers “Gene Scroll Hero – Video Background Hero that Plays as You Scroll” is open source software. The following people have contributed to this plugin. Contributors * [ onecraftne ](https://profiles.wordpress.org/onecraftne/) [Translate “Gene Scroll Hero – Video Background Hero that Plays as You Scroll” into your language.](https://translate.wordpress.org/projects/wp-plugins/gene-section-builder) ### Interested in development? [Browse the code](https://plugins.trac.wordpress.org/browser/gene-section-builder/), check out the [SVN repository](https://plugins.svn.wordpress.org/gene-section-builder/), or subscribe to the [development log](https://plugins.trac.wordpress.org/log/gene-section-builder/) by [RSS](https://plugins.trac.wordpress.org/log/gene-section-builder/?limit=100&mode=stop_on_copy&format=rss). ## Changelog #### 3.5.0 * New focus: the plugin is now a single **Scroll Hero** block — a full-screen background video (or image) that plays as visitors scroll, with your headline over it. * Heads-up for people upgrading from the earlier gallery/carousel motion blocks: those blocks have been retired. Pages that used them keep their saved content, but the blocks are no longer editable in this version. * Headline placement (centered or bottom-left), an editorial uppercase headline, an editable heading color, and a lighter default dim overlay. * On reload, the page now loads at the top instead of restoring the scroll deep inside the hero. * Renamed the plugin to “Gene Scroll Hero”. #### 3.4.2 * Added a built-in Getting Started guide on the plugin’s admin page. * Added Community (Discord) and review links to the admin page. No functional changes to the block. #### 3.4.1 * Clearer listing so the plugin is easier to find. No functional changes. #### 3.4.0 * New direction, built around a single, focused block for the block editor. * The previous “Complete Site” generator was retired. Pages you already generated are native core blocks and keep working. ## Meta * Version **3.5.0** * Last updated **1 day ago** * Active installations **Fewer than 10** * WordPress version ** 6.4 or higher ** * Tested up to **7.0** * PHP version ** 7.4 or higher ** * Language * [English (US)](https://wordpress.org/plugins/gene-section-builder/) * Tags * [hero](https://li.wordpress.org/plugins/tags/hero/)[scroll](https://li.wordpress.org/plugins/tags/scroll/) [video background](https://li.wordpress.org/plugins/tags/video-background/) * [Advanced View](https://li.wordpress.org/plugins/gene-section-builder/advanced/) ## Ratings No reviews have been submitted yet. [Your review](https://wordpress.org/support/plugin/gene-section-builder/reviews/#new-post) [See all reviews](https://wordpress.org/support/plugin/gene-section-builder/reviews/) ## Contributors * [ onecraftne ](https://profiles.wordpress.org/onecraftne/) ## Support Got something to say? Need help? [View support forum](https://wordpress.org/support/plugin/gene-section-builder/)