<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).

Slider, Gallery, and Carousel by MetaSlider – Image Slider, Video Slider vs Peekaboo Video Reveal