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

NikHiL Gadhiya

<p>Product Video Gallery for Woocommerce – Embed videos to product gallery along with images on product single page of WooCommerce.<br />
You can add only one video to per product gallery on free version or you can mix video and images combine as product gallery.<br />
Adding Product Video and Instantly transform the gallery on your WooCommerce Product page into a fully Responsive Stunning Carousel.<br />
When user sees brief video of your product then chances to sell product increases and it will also good for marketing of product. The features of plugin are really cool and easy to use.<br />
Product details page will show that gallery video.</p>
<h4>Basic Features</h4>
<ol>
<li>Embed YouTube video to product gallery along with images and video together in single product gallery.</li>
<li>Supports all types of YouTube video URLs.</li>
<li>Videos will show in the gallery if the product doesn’t have any image.</li>
<li>Images and videos together in a single product gallery.</li>
<li>Customize the slider layout (vertical or horizontal), enable/disable autoplay, control arrows, set loop options, and adjust lightbox and zoom features, as well as arrow colors and backgrounds, and more.</li>
<li>Enter the YouTube video URL in the designated field on the product configuration page, allowing your customers to enjoy a dynamic and personalized experience.</li>
<li>Adding Product Video and Instantly transform the gallery on your WooCommerce Product page into a fully Responsive Stunning Carousel</li>
<li>RTL support</li>
</ol>
<p>= Premium Features 💎=<br />
01. You Can Use Videos From Vimeo, The WordPress Media Library, and Html5 Formats (Mp4, Webm, And Ogg).<br />
02. You Can Add Multiple Videos.<br />
03. Change The Place Of The Video(After Product Gallery Images, After Product Image and Before Product Gallery Images).<br />
04. Video Looping (Looping a video is allowing the video to play in a repeat mode).<br />
05. Video Autoplay.<br />
06. Show Only Videos (Display only videos on gallery).<br />
07. Grid layout for thumbnails.<br />
08. Shortcode <strong>[product_gallery_shortcode]</strong> (Use shortcode if your product pages edited with help of any page builders <strong>Divi Builder, Elementor Builder etc.</strong>).<br />
<a href="https://www.technosoftwebs.com/wc-product-video-gallery/" rel="nofollow ugc">Buy Premium</a><br />
Before buying the paid plugin please make sure free version of our plugin works great. So you have an idea about the features of plugins and how it will works.</p>
<h4>Support</h4>
<p>For any queries feel free to drop a line at <a href="mailto:nikhilgadhiya7@gmail.com" rel="nofollow ugc">nikhilgadhiya7@gmail.com</a>.</p>
<h3>Setup and Configuration</h3>
<p>Go to: Products > WC Product Video<br />
Tick the checkbox to configure a setting.<br />
Save changes</p>
<h3>Usage</h3>
<p>For adding a video to your product : open edit product page and insert your product YouTube video URL in {Product Video Url} field</p>
<h3>Third Party Libraries/Resources</h3>
<p>This plugin uses the following third-party libraries:</p>
<ol>
<li><a href="https://swiperjs.com/" rel="nofollow ugc">Swiper</a><br />
License: <a href="https://opensource.org/licenses/MIT" rel="nofollow ugc">MIT License</a></li>
</ol>
<p>All external libraries are loaded via their respective CDNs or bundled in the plugin with adherence to their licenses.</p>


Product Video Gallery for Woocommerce


This plugin is an incredible and very simple to adding any video to product gallery!Thank you!


Works like a charm right out of the box.


I’ve been using this plugin for a while, and it works great! It’s super easy to add videos to my WooCommerce product gallery, and the fact that you can mix videos with images makes the product pages look amazing.



The carousel is responsive and looks good on both desktop and mobile, which is really important for my customers. Setup was straightforward, and I didn’t run into any issues.



Overall, I’m really happy with it, and I think it’s a must-have if you want to make your product pages more engaging. Great work by the developer!


Fantastic Plugin for Adding Product Videos!

Product Video Gallery for Woocommerce – Embed videos to product gallery along with images on product single page of WooCommerce.

Peekaboo Video Reveal vs Product Video Gallery for Woocommerce