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

bestwebsoft

bestweblayout

<p>Simple WordPress slider plugin which adds responsive and fully functional sliders to your website posts, pages, and widgets. Add an unlimited number of images from your WordPress Media Library, create and configure slides, set captions, and URLs.</p>
<p>Create beautiful slider that fits all your needs!</p>
<p><a href="https://bestwebsoft.com/demo-slider-by-bestwebsoft/?ref=readme" rel="nofollow ugc">View Demo</a></p>
<h4>Features</h4>
<ul>
<li>Create and configure an unlimited number of fully responsive sliders</li>
<li>Add an unlimited number of:
<ul>
<li>Images</li>
<li>Videos (WebM, MP4, Ogg)</li>
<li>Slider Categories</li>
</ul>
</li>
<li>Add Slider via shortcode to:
<ul>
<li>Posts</li>
<li>Pages</li>
<li>Widgets</li>
</ul>
</li>
<li>Change the number of images visible per slide</li>
<li>Enable and configure navigation options for each slider:
<ul>
<li>Loop</li>
<li>Navigation arrows</li>
<li>Dots</li>
</ul>
</li>
<li>Configure an autoplay option:
<ul>
<li>Pause on mouse hover</li>
<li>Set autoplay speed</li>
</ul>
</li>
<li>Compatible with <a href="https://bestwebsoft.com/products/wordpress/plugins/car-rental-v2/?k=8d2650e3efb95bcf595a40d077ac83ea" rel="nofollow ugc">Car Rental V2</a></li>
<li>Add custom code via plugin settings page</li>
<li>Compatible with latest WordPress version</li>
<li>Incredibly simple settings for fast setup without modifying code</li>
<li>Detailed step-by-step documentation and videos</li>
<li>Multilingual and RTL ready</li>
</ul>
<p>If you have a feature, suggestion or idea you’d like to see in the plugin, we’d love to hear about it! <a href="https://support.bestwebsoft.com/hc/en-us/requests/new" rel="nofollow ugc">Suggest a Feature</a></p>
<h4>Documentation & Videos</h4>
<ul>
<li><a href="https://bestwebsoft.com/documentation/slider/slider-user-guide/" rel="nofollow ugc">[Doc] User Guide</a></li>
<li><a href="https://bestwebsoft.com/documentation/how-to-install-a-wordpress-product/how-to-install-a-wordpress-plugin/" rel="nofollow ugc">[Doc] Installation</a></li>
</ul>
<h4>Help & Support</h4>
<p>Visit our Help Center if you have any questions, our friendly Support Team is happy to help — <a href="https://support.bestwebsoft.com/" rel="nofollow ugc">https://support.bestwebsoft.com/</a></p>
<h4>Affiliate Program</h4>
<p>Earn 20% commission by selling the premium WordPress plugins and themes by BestWebSoft — <a href="https://bestwebsoft.com/affiliate/?utm_source=plugin&utm_medium=readme&utm_campaign=affiliate_program" rel="nofollow ugc">https://bestwebsoft.com/affiliate/</a></p>
<h4>Translation</h4>
<ul>
<li>Russian (ru_RU)</li>
<li>Ukrainian (uk)</li>
</ul>
<p>Some of these translations are not complete. We are constantly adding new features which should be translated. If you would like to create your own language pack or update the existing one, you can send <a href="https://codex.wordpress.org/Translating_WordPress" rel="nofollow ugc">the text of PO and MO files</a> to <a href="https://support.bestwebsoft.com/hc/en-us/requests/new" rel="nofollow ugc">BestWebSoft</a> and we’ll add it to the plugin. You can download the latest version of the program for work with PO and MO <a href="https://www.poedit.net/download.php" rel="nofollow ugc">files Poedit</a>.</p>
<h4>Recommended Plugins</h4>
<ul>
<li><a href="https://bestwebsoft.com/products/wordpress/plugins/updater/?k=c00f28a63d8a03a1ea093044188552ef" rel="nofollow ugc">Updater</a> – Automatically check and update WordPress website core with all installed plugins and themes to the latest versions.</li>
<li><a href="https://bestwebsoft.com/products/wordpress/plugins/gallery/?k=fe81f5feb5552cd2971f60d36e83c40f" rel="nofollow ugc">Gallery</a> – Add beautiful galleries, albums & images to your WordPress website in a few clicks.</li>
<li><a href="https://bestwebsoft.com/products/wordpress/plugins/car-rental-v2/?k=8d2650e3efb95bcf595a40d077ac83ea" rel="nofollow ugc">Car Rental V2</a> – Create your own rental website for car renting and booking.</li>
</ul>


Slider by BestWebSoft

The best responsive slider plugin for your WordPress website. Create beautifully animated slides just in a few clicks.

Peekaboo Video Reveal vs Slider by BestWebSoft