<p>Peekaboo Video Reveal turns a static poster image into an interactive, press-and-hold video reveal.<br />
It’s built with Three.js + WebGL shaders and is designed to feel smooth on both desktop and mobile.</p>
<p>Use it on landing pages, campaigns, and product pages to create a high-end “peekaboo” interaction:<br />
– Press and hold to progressively reveal the video.<br />
– Release to smoothly return to the poster.</p>
<h3>Video Tutorial</h3>
<p><span class="embed-youtube" style="text-align:center; display: block;"><iframe loading="lazy" class="youtube-player" width="750" height="422" src="https://www.youtube.com/embed/qkoowV0QzQc?version=3&rel=1&showsearch=0&showinfo=1&iv_load_policy=1&fs=1&hl=en-US&autohide=2&wmode=transparent" allowfullscreen="true" style="border:0;" sandbox="allow-scripts allow-same-origin allow-popups allow-presentation allow-popups-to-escape-sandbox"></iframe></span></p>
<h3>Features</h3>
<ul>
<li>Responsive layout (works across screen sizes)</li>
<li>Desktop + mobile optimized (mouse + touch)</li>
<li>Multiple display types (responsive sizing and scaling to the parent)</li>
<li>Hold-to-reveal interaction (progress in/out speeds)</li>
<li>Shader-driven transitions (swirl + optional flowmap/liquid feel)</li>
<li>Optional parallax for subtle depth</li>
<li>Customizable overlays/text (center text, hold-to-play HTML)</li>
<li>Viewer styling options (including background color)</li>
</ul>
<h3>Getting Started</h3>
<ol>
<li>In WordPress admin, open the Peekaboo Video Reveal Items Manager.</li>
<li>Create an item and configure the poster/video sources and settings.</li>
<li>Copy the generated shortcode and paste it into any post/page.</li>
</ol>
<h3>Shortcode</h3>
<p>Use the item name as the shortcode id:</p>
<p>[fwdpvr id=”Your Item Name”]</p>
<h3>WooCommerce</h3>
<p>Peekaboo Video Reveal can be used in WooCommerce product pages.</p>
<p>Typical workflow:<br />
1. Add the shortcode to the product description.<br />
2. The plugin can replace the default product gallery with the viewer.</p>
<h3>Documentation & Demo</h3>
<ul>
<li>Demo page: <a href="https://fwdapps.net/p/pvr/" rel="nofollow ugc">https://fwdapps.net/p/pvr/</a></li>
<li>WordPress documentation: <a href="https://fwdapps.net/p/pvr/wordpress-documentation.html" rel="nofollow ugc">https://fwdapps.net/p/pvr/wordpress-documentation.html</a></li>
<li>JavaScript documentation: <a href="https://fwdapps.net/p/pvr/javascript-documentation.html" rel="nofollow ugc">https://fwdapps.net/p/pvr/javascript-documentation.html</a></li>
<li>Support: <a href="https://fwdapps.net/contact" rel="nofollow ugc">https://fwdapps.net/contact</a></li>
</ul>
<h3>Development</h3>
<p>This plugin’s full source code is publicly available for transparency and verification.<br />
Developed and maintained by <a href="https://fwdapps.net" rel="nofollow ugc">FutureWebDesign</a>.</p>
<ul>
<li><a href="https://fwdapps.net/d/wp/pvr.zip" rel="nofollow ugc">Source code & build tools</a> — includes original uncompiled files and Vite build configuration.</li>
<li>Distributed plugin uses a compiled build generated by Vite for optimal performance.</li>
</ul>


Peekaboo Video Reveal

Click-and-hold to reveal a video from an image with a premium “peekaboo” shader effect (Three.js + GLSL).

QuantumCloud

<p>Slider Hero is a futuristic, responsive header Hero Slider plugin and <strong>Dyanmic Website Intro Advert</strong> maker with Youtube Video background and animated background effects for hero banners, hero sliders and Landing pages. Create awesome <strong>animation slider</strong> and animated header with text carousel and Call to Action buttons from Gutenberg Slider Block & Elementor Slider Widget. Use youtube video background or combine animation effect and youtube video.</p>
<blockquote>
<p>🚀 For Advanced Features <strong>Upgrade to <a href="https://www.quantumcloud.com/products/slider-hero/" rel="nofollow ugc">Slider Hero Pro!</a> now!</strong><br />
  🚀 <a href="https://www.quantumcloud.com/resources/free-support/" rel="nofollow ugc">Support, Bug Report, Feature Requests</a> | <a href="https://dev2.testversions.com/sliderhero/" rel="nofollow ugc">Slider Hero</a> Live Demo</p>
</blockquote>
<p>Slider Hero also includes a <strong>Gutenberg Slider</strong> block and an <strong>Elementor Slider</strong> widget. Use the Elementor Slider Widget or the Gutenberg Slider block to quickly embed Slider Hero anywhere on your page.</p>
<p>Slider Hero is not just your typical responsive image slider plugin for wordpress. This plugin is one of a kind and is based on a unqiue concept that uses incredible CSS3 and JavaScript background animation slider effects not available anywhere else. It is a <strong>super fun and simple</strong> slider plugin to use and <strong>very quick</strong> to create elegant, unique animation sliders with animated background effects within a matter of minutes. Not only that, this plugin also supports Youtube background video and Background Image Sliders!</p>
<p>** The free version works in the same way as the pro version just with less number of effects & features. The pro version also supports video sliders like Youtube Video Slider, Vimeo Video Slider or Custom Video Sliders. Video Sliders are not yet available in the free version.</p>
<blockquote>
<p>Check the <a href="http://www.slider-hero.com/intro/" rel="nofollow ugc">Hero Introduction</a><br />
  Dare to See <a href="http://www.slider-hero.com/matrix-intro/" rel="nofollow ugc">How Deep the Rabbit Hole Goes?</a></p>
<p>Check out the Live Previews of the <a href="https://www.slider-hero.com/" rel="nofollow ugc">Slider Hero</a><br />
  Upgrade now to <a href="https://www.quantumcloud.com/products/slider-hero/" rel="nofollow ugc">Slider Hero Pro</a></p>
</blockquote>
<h4>Create Modern Slider Carousels Easily</h4>
<p>Check this tutorial to see how fast, intuitive and easy it is to use this wordpress slider plugin to create slider carousels and text carousels.</p>
<span class="embed-youtube" style="text-align:center; display: block;"><iframe loading="lazy" class="youtube-player" width="750" height="422" src="https://www.youtube.com/embed/KfH2KRpbObQ?version=3&rel=1&showsearch=0&showinfo=1&iv_load_policy=1&fs=1&hl=en-US&autohide=2&wmode=transparent" allowfullscreen="true" style="border:0;" sandbox="allow-scripts allow-same-origin allow-popups allow-presentation allow-popups-to-escape-sandbox"></iframe></span>
<blockquote>
<p>Looking for an Elegent Portfolio plugin? Try our <a href="https://wordpress.org/plugins/portfolio-x/" rel="ugc">Portfolio X</a>!</p>
</blockquote>
<h4>Create Stunning Product Intro Adverts</h4>
<p>Make unique product intros and adverts with like a pro without any additional editing tool. The intro creation process is extremely easy and insanely quick and FUN. Now introduce your products and services with a dramatic flair!</p>
<span class="embed-youtube" style="text-align:center; display: block;"><iframe loading="lazy" class="youtube-player" width="750" height="422" src="https://www.youtube.com/embed/k9CFs-hiBUk?version=3&rel=1&showsearch=0&showinfo=1&iv_load_policy=1&fs=1&hl=en-US&autohide=2&wmode=transparent" allowfullscreen="true" style="border:0;" sandbox="allow-scripts allow-same-origin allow-popups allow-presentation allow-popups-to-escape-sandbox"></iframe></span>
<blockquote>
<p>//-> Try our <strong><a href="https://wordpress.org/plugins/chatbot/" rel="ugc">FREE ChatBot for WordPress with AI – WPBot</a></strong>. It is an easy to use, Native, No coding required, AI ChatBot to provide Automated Live Chat Support. Use ChatBot to <strong>answer user questions</strong> and also <strong>collect information</strong> from the users using <strong>conversational forms</strong>. It can be also be powered by DialogFlow, Tavily or OpenAI ChatGPT or simply use the built-in features to provide Live support and collect user data. ++ Check out <a href="https://www.wpbot.pro/" rel="nofollow ugc">ChatBot for WordPress</a> Demo.</p>
</blockquote>
<h4>Why Use Slider Hero Rather than Other WordPress Slider Plugin?</h4>
<p>Traditional Image Sliders are bad for user conversions and they cause <strong>banner blindness</strong>. They are boring and do not engage users. Eye tracking studies conducted by Neilson Norman Group found that as soon as visitors perceived something to be an advertisement they turned their focus away from it. Image sliders divide your user’s attention. Images on slides represent different products or offers in the span of a few seconds. Your website user has hardly read a single thing when whoosh…the image changes and they have to refocus their attention.</p>
<p>Our slider plugin is different. It <strong>focuses on your core messages/</strong><strong>, uses a background animation of your choice to keep the user </strong><strong>interested and focused</strong>. The unique Call to Action button leads the users where they really need to be. The effects are almost like subtle Cinemagraph animations when used in onjunction with your images or text carousels. Think of it as a perfect alternative to background videos.</p>
<h4>More than a Slider Plugin – Use Motion Typography to Build Amazing Product Intros</h4>
<p>The other unique feature of Slider Hero is the Intro Advert builder. Introduce your products and services with a <strong>dramatic flair</strong>. The typographic intro builder allows you to do something very unique. You can create stunning product introductions like stunning “Apple – iPhone 7 and iPhone 7 Plus in 107 seconds” or “Introducing Pixel, Phone by Google” with chained text animation combining background audio of your choice.</p>
<p>Build a combination of beautiful text animation along with the background animation. This can be applied in company  introductions, creative projects, for your product or service launch etc. You can easily change the color of the text, animation type and more! The intro builder interface is simple and intuitive.</p>
<blockquote>
<p>Upgrade to the <a href="https://www.quantumcloud.com/products/slider-hero/" rel="nofollow ugc">Professional Version</a></p>
</blockquote>
<h4>Slider Hero Benefits</h4>
<p>This is the best wordpress header slider plugin with text overlay and cinematic background animation effects. This plugin is best used as Intro, Landing Page Slider or Home Page Slider. It can be used as a fullscreen slider plugin besides the full width or custom width modes. Create a memorable EXPERIENCE for your wordpress coming soon, splash page, home page or landing page that will impress your site visitors with a memorable first impression.</p>
<p>You can use the Elementor Slider widget or Gutenberg Slider block to create HTML5 animated banners,<strong> HERO Banner</strong>, hero carousel with text and image, HERO text carousel, responsive header image slider, or simple image carousel. The pro version supports Parallax Effect and Ken Burns Effect.</p>
<p>Marketers prefer Hero image or <strong>Hero sliders</strong> for homepage and landing pages because traditional image sliders do not convert customers as much as an animated bannere which typically occupies the most prime real estate of your website. This plugin provides a middle ground. It allows you to set a background Hero Image and/or select a GREAT javascript background animation effect and apply Title, Description and Buttons etc. as slides or carousel. <strong>Instant awesomeness</strong>.</p>
<p>There are quite a few great WordPress slider plugins available but they take a lot of efforts and expertise to produce awesome effects you see in their demos. With our plugin, you can make amazing looking Homepage or <strong>Landing Page Hero Sliders</strong> or animated header with cinematic effects easily and quickly like no others.</p>
<h4>Slider Hero Use Cases</h4>
<p>This slider plugin provides all the <strong>quality of the premium and popular WordPress Slider plugins</strong> without the headechs and complications. Select an animation effect like slider Particle Effect, Snow effect, Nasa or Space effect, Bubble effect or Nyan Cat effect, add a background image or choose from a collection of gradients, add title, description, and button (optional) and you are good to go. There is no dragging and dropping or awkward animation timings to get right – this plugin does everything for you. You can use it as an alternative to background video.</p>
<p><strong>Finally a Hero to rescue your websites</strong> from boring image sliders that nobody scrolls through.</p>
<p>You can also use Slider Hero as Background Image Slides with or without text carousel and effects. Available Transition Effects are: Fade in/Out, (Slide Left, Slide Right, Slide from Top and Slide from Bottom available in Pro version)</p>
<p>Slider Hero comes with embedded video support! Create a text carousel with <strong>Youtube Video Background</strong>. Pro version supports uploading your own files or use <strong>Vimeo</strong>, Loop, Mute, and Set a color overlay with opacity! Video background can be combined with most special effects to create something truly unique and amazing.</p>
<p><strong>Using Video Background with Slider Hero</strong><br />
<span class="embed-youtube" style="text-align:center; display: block;"><iframe loading="lazy" class="youtube-player" width="750" height="422" src="https://www.youtube.com/embed/NL88kFnAD9s?version=3&rel=1&showsearch=0&showinfo=1&iv_load_policy=1&fs=1&hl=en-US&autohide=2&wmode=transparent" allowfullscreen="true" style="border:0;" sandbox="allow-scripts allow-same-origin allow-popups allow-presentation allow-popups-to-escape-sandbox"></iframe></span></p>
<p>This slider plugin is perfect to use on your Landing page, Home page, Coming Soon page, 404 Error Page or Splash page and create a permanent, unique impression on your website users.</p>
<h4>All Slider Hero Features</h4>
<p><strong>Unique, Cinematic Intro Advert Builder</strong></p>
<ul>
<li>Create Unlimited Cinematic Intro Advert Easily which was never possible before</li>
<li>Simple, Effective and Intuitive Interface</li>
<li>Define text, Font color, Letter Spacing, Font Weight</li>
<li>Select from 800+ Google Fonts [PRO FEATURE]</li>
<li>Live Font Preview [PRO FEATURE]</li>
<li>Flexible Intro Builder with Dynamic Slide delay, Text Animation Type (50+ effects)</li>
<li>Upload Image as Slide Background or Select a Color</li>
<li>Redirect to New Page After Intro Ends with Custom Delay [PRO FEATURE]</li>
<li>Load Regular Slider with Call to Action Buttons After Intro Ends with Custom Delay [PRO FEATURE]</li>
<li>11 Background Animation to Choose from (more coming soon) [PRO FEATURE]</li>
</ul>
<p><strong>Modern Sliders and Text Carousels with Special Background Effects</strong></p>
<ul>
<li>Create Unlimited Modern Sliders and Text Carousels with Stunning, Never Before Seen Background Animations</li>
<li>Choose from <strong>8 (80+ in PRO)</strong> Wonderfully Refreshing and Unique Background Animation Effects</li>
<li>Switch Between Effects Instantly [PRO FEATURE]</li>
<li>Reposition Title, Description and Buttons Easily</li>
<li>800+ Google Fonts with Live Font Preview [PRO FEATURE]</li>
<li>Choose from 173 Professionally Created Gradient or Upload an Image as Background</li>
<li>Parallax Effect Support for Background Image [PRO FEATURE]</li>
<li>Ken Burns Effect for Background Image [PRO FEATURE]</li>
</ul>
<p><strong>Slider with Video Background</strong></p>
<ul>
<li>Embed a Video as Background with Your Slider</li>
<li>Use Youtube Video background</li>
<li>Use Vimeo Video Background  [PRO FEATURE]</li>
<li>Upload Your Own Video (mp4 and webm)  [PRO FEATURE]</li>
<li>Loop and Repeat Option  [PRO FEATURE]</li>
<li>Mute Sound Option. [PRO FEATURE]</li>
<li>Color Overlay  [PRO FEATURE]</li>
<li>Choose Overlay Color and Opacity [PRO FEATURE]</li>
<li>Hide ‘watch later’, ‘share’ and channel ‘subscribe’ and Video suggestion from youtube videos</li>
</ul>
<p><strong>Video Slider </strong><br />
* Youtube Video Slider<br />
* Upload Your Own Video (mp4 and webm) and create Custom Video Slider<br />
* Vimeo Video Slider<br />
* Add Text to Slide on Top of Videos [PRO FEATURE]<br />
* Hide ‘watch later’, ‘share’ and channel ‘subscribe’ and Video suggestion from youtube videos [PRO FEATURE]</p>
<p><strong>Call to Action Buttons</strong></p>
<ul>
<li>Add One or Two [PRO FEATURE] Call to Action Buttons with Each Slide</li>
<li>Square or Rounded Shape</li>
<li>With or Without Borders</li>
<li>Choose from 10 Custom Button Animations. [PRO FEATURE]</li>
<li>Customize Button Fonts with Colors, Letter Spacing and More</li>
</ul>
<p><strong>Text Animation</strong></p>
<ul>
<li>Standard Animate CSS Text In and Out Effects</li>
<li>Letter FX Effects to Animate Your Letters [PRO FEATURE]</li>
<li>Combine Animate CSS and Letter FX for Unique Text Effects of Your Own [PRO FEATURE]</li>
<li>20 Custom, Exotic Text Animation Effects for Title and Descriptions [PRO FEATURE]</li>
</ul>
<p><strong>Audio Support</strong></p>
<ul>
<li>Add Background Music to Match the Tone of Your Intro Adverts and Sliders. [PRO FEATURE]</li>
<li>Choose The Audio Controller Position [PRO FEATURE]</li>
<li>Users Can Turn Sound On and Off [PRO FEATURE]</li>
<li>Select if Audio Should Loop Indefinitely or Stop After Repeating a Few Times [PRO FEATURE]</li>
</ul>
<p><strong>Unique Slider Decoration</strong></p>
<ul>
<li>Add Unique Decoration for Top and Bottom Parts of Your Sliders [PRO FEATURE]</li>
<li>Choose from Slope, Rounded, Triangle, Arrow, Cloud or Half Circle Patterns [PRO FEATURE]</li>
<li>Stand Out from the Crowd</li>
</ul>
<p><strong>Background Image Carousel</strong></p>
<ul>
<li>Use as Background Image Carousel with or without text carousel and effects.</li>
<li>Available Transition Effects: Fade in/Out, Slide Left, Slide Right, Slide from Top and Slide from Bottom</li>
<li>Parallax Effect Support for Background Image [PRO FEATURE]</li>
<li>Ken Burns Effect for Background Image [PRO FEATURE]</li>
</ul>
<p><strong>General Options</strong></p>
<ul>
<li>Hero Slider, Carousel and Standard Features</li>
<li>Fully Responsive</li>
<li>Unlimited Sliders on a Page</li>
<li>Drag & Drop Slide Position</li>
<li>Unpublish Slide/s</li>
<li>Quick and Easy Building WITHOUT Any Layer or Timeline</li>
<li>Copy and Duplicate  [PRO FEATURE]</li>
<li>Auto Slide On or Off</li>
<li>Repeat On or Off [PRO FEATURE]</li>
<li>Random Slide</li>
<li>Background Animation Canvas Opacity [PRO FEATURE]</li>
<li>Preview Your Sliders While Creating and Save Time</li>
</ul>
<p><strong>Slider Navigation and Controls</strong></p>
<ul>
<li>Arrow Navigation with Custom  [PRO FEATURE] Colored Arrow Icons</li>
<li>Special Floating Navigation Arrows [PRO FEATURE]</li>
<li>Dot Navigation [PRO FEATURE]</li>
<li>Pause and ResStart Slider [PRO FEATURE]</li>
</ul>
<p><strong>Preloader</strong></p>
<ul>
<li>Turn Preloader on or Off [PRO FEATURE]</li>
<li>Upload Your Own Preloader Image or Animated Gif [PRO FEATURE]</li>
</ul>
<p><strong>Import Export Slider</strong></p>
<ul>
<li>Export and Import in Another Website Easily [PRO FEATURE]</li>
<li>Export/Import Your Carefully Crafted Intro or Adverts [PRO FEATURE]</li>
</ul>
<p><strong>Full Width and Full Screen Slider</strong></p>
<ul>
<li>Slider Hero Supports Full Width Slider Layout </li>
<li>Stretch Full Screen and Full Height</li>
</ul>
<h4>Available Background Animation Effects in the Pro Version</h4>
<p>Intro Effect, Stripe Connect Effect, Clear Sky Effect, Water Ripple Effect, Aeronautics Effect, Antigravity Flow, Balls Gravity Effect, Bird Flying Effect, Blob Effect, Blade Effect, Blur Effect, Bubble, Campfire, Circle Intersection, Cloudy Sky Effect, Confetti Effect, Cosmic Web, Colorful Particle, Cursor And Paint,  Day Night Effect, Division Effect, Directional Force, Distance, Electric Clock, Firework, Fizzy Sparks, Float and Rain, Floating Leafs, Flowing Circle Effect, Flying Rocket Effect, Grid Effect, Helix Corruption, Helix Chaos, Helix Multiple, Glitch, Iconsahedron Effect, Intersecting Line Effect, Just Cloud, Link Particle, Liquid Landscape, Matrix Effect, Metaballs, Microcosm Effect, Moving Color, Wave, NASA, Neno, Hexagon, Noise Effect, Nyan Cat, Orbital Effect, Particle Effect, Particle Helix, Particle System, Hacker, Physics Bug, Racing Particles, Rain Effect, Rainy Season, Rays and Particles, Play or Work? Rain Of Line, Rising and falling cubes, Shape Animation, Space Elevator, Christmas Snow Effect, Squidematics, Stars Effect, Stellar Cloud, Subvisual, Tag Canvas, The Great Attractor, Thibaut, Tiny Galaxy Effect, Torus of Cubes, Water Effect, Wave Effect, Wave Animation Effect, Waaave Canvas, Walking Background, Star Trek Warp Speed, Water Swimming, Waving Cloth, Water Droplet, Wormhole Effect, Word Cloud, Valentine Effect, Ygekpg Effect</p>
<blockquote>
<p>Upgrade to <a href="https://www.quantumcloud.com/products/slider-hero/" rel="nofollow ugc">Professional Version</a><br />
  Pro Version Documentation <a href="https://www.quantumcloud.com/documentations/slider-hero/" rel="nofollow ugc">Documentation</a></p>
</blockquote>
<h4>Getting Started</h4>
<p>Step 1: Select a Slider effect<br />
Step 2: Add title and text to your first slide. Unlimited slides supported<br />
Step 3: Paste shortcode in your homepage or landing page or any page!</p>
<p>You are ready with an awesome, animated Hero Slider or Hero Banner!</p>
<h4>CUSTOMER SUPPORT</h4>
<p>All technical stuffs could be tough for your busy schedule. But you don’t need to go at it alone. QuantumCloud’s quick and friendly customer support team is made up of top notch, friendly people – working hard to ensure you get the help you need, when you need it. We have built in Support area in the slider plugin. Just shoot us a mail with your questions or feedback and we will get right back to you.</p>
<h4>Leave a Rating for this Slider Plugin</h4>
<p><strong>If you like our effort</strong> and would like to support us or if you just thought that this plugin was somewhat helpful, please leave a <strong>5 star rating</strong> and a short blurb on what you like the most about it. It means the world to us and motivates our developers to keep adding kool, new, premium features to this awesome plugin.</p>
<p><strong>If you face any problem, or want more features in this Plugin </strong><strong>please leave a comment</strong>, instead of review. We take all customer feedback extremely seriously.</p>
<h3>Use</h3>
<ol>
<li>After activating the slider plugin, create a new page or post. In the body section copy paste the Hero shortcode </li>
<li>Save the page/post and check the page in front end.</li>
</ol>


Slider Hero with Video Background, Animation

Hero Slider with Youtube Video Background & Animation Effects. Adverts, Text Carousels, Animated Header - Elementor Slider Widget & Gutenberg

Peekaboo Video Reveal vs Slider Hero with Video Background, Animation