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

YOO SLIDER TEAM

<p>Yoo Slider: The ultimate WordPress slider plugin for creating stunning sliders in seconds, no coding required! Build fully responsive sliders effortlessly to showcase your images, videos, teams, clients, logos, products and more…</p>
<h4>Explore Yoo Slider Premium</h4>
<ul>
<li>Checkout the premium version here » <a href="http://yooslider.com" rel="nofollow ugc">http://yooslider.com</a></li>
</ul>
<h4>Demos of Yoo Slider Premium</h4>
<ul>
<li><a href="https://yooslider.com/case-studies/full-width-slider/" rel="nofollow ugc">Preview 1</a> » Slider in Full Width</li>
<li><a href="https://yooslider.com/case-studies/coverflow-slider/" rel="nofollow ugc">Preview 2</a> » Slider in Coverflow Style</li>
<li><a href="https://yooslider.com/case-studies/thumbnails-scroller/" rel="nofollow ugc">Preview 3</a> » Scroller for Thumbnails</li>
<li><a href="https://yooslider.com/case-studies/video-gallery/" rel="nofollow ugc">Preview 4</a> » Video Slider</li>
<li><a href="https://yooslider.com/case-studies/carousel-slider/" rel="nofollow ugc">Preview 5</a> » Slider in Carousel Style</li>
</ul>
<h4>Slide Composer</h4>
<p>Craft and manage all your slides in one convenient window.</p>
<h4>Responsive Design</h4>
<p>Your slider will seamlessly adapt to any device—mobile, tablet, or desktop.</p>
<h4>Design Adjustments</h4>
<p>Customize your sliders without technical skills! Easily tailor any slider to match your website’s design and branding using the settings section.</p>
<h4>Yoo Slider Free:</h4>
<ul>
<li><strong>Layout Options</strong> – Create a slider in standard or carousel style</li>
<li><strong>Slider Details</strong> – Display slider details (such as slide title, description, hover buttons, overlays, etc.) exactly as you want</li>
<li><strong>Slider Navigation</strong> – Take full control of slider navigations (e.g., slider arrows, slider pagination…)</li>
<li><strong>Shortcodes & Gutenberg</strong> – Add images from the media manager and display your slider using shortcodes or Gutenberg blocks</li>
<li>**Design Customization ** – Take full control over your slider’s design, including fonts, colors, spacings, and margins</li>
</ul>
<h4>Yoo Slider Premium:</h4>
<ul>
<li>Thumbnails Scroller – Include a secondary thumbnail slider to control the main slider</li>
<li>Coverflow – Showcase a slider with highlighted slide</li>
<li>YouTube – Embed any YouTube video in your slider</li>
<li>Vimeo – Embed any Vimeo video in your slider</li>
<li>Native MP4 – Use local MP4 video in your slider</li>
<li>Embedded Popup Solution – Activate popups with a single click by choosing from 6+ predefined templates</li>
<li>Autoplay & Lopping – Activate autoplay and looping features for your sliders</li>
<li>Control Styles – Choose from various slider arrow styles, paging bullets, and thumbnail controllers.</li>
<li>Border & Shadow Effect – Emphasize the active slide in your slider using borders or shadows.</li>
<li>Animations – Choose from over 20 predefined slider animations.</li>
<li>Height Modes – Enable automatic, fixed, or proportional height calculation for your sliders.</li>
<li>Fonts – Google Fonts integration</li>
<li>Hover Effects – Choose from over 20 predefined image hover animations, such as blurry images and grayscale to RGB effects.</li>
</ul>
<h4>Support</h4>
<p>If you have any questions, please open a support topic. We’ll do our best to help you resolve them as soon as possible.</p>
<h4>Yoo Slider API</h4>
<p>Yoo Slider does NOT use any 3rd party APIs, except plugin author provided API. The API is utilized for displaying hints and offer related to our plugin, as well as providing predefined layout templates. If you’re running the premium version, then API will be used for the license management and premium updates delivery.</p>


Yoo Slider – Image Slider & Video Slider

Craft a slider effortlessly with our WordPress plugin! Design image slider, video slider, carousel or even coverflow slider in seconds.

Peekaboo Video Reveal vs Yoo Slider – Image Slider & Video Slider