Peekaboo Video Reveal

Peekaboo Video Reveal turns a static poster image into an interactive, press-and-hold video reveal. It’s built with Three.js + WebGL shaders and is designed to feel smooth on both desktop and mobile.

Use it on landing pages, campaigns, and product pages to create a high-end “peekaboo” interaction: – Press and hold to progressively reveal the video. – Release to smoothly return to the poster.

Video Tutorial

Features

• Responsive layout (works across screen sizes)
• Desktop + mobile optimized (mouse + touch)
• Multiple display types (responsive sizing and scaling to the parent)
• Hold-to-reveal interaction (progress in/out speeds)
• Shader-driven transitions (swirl + optional flowmap/liquid feel)
• Optional parallax for subtle depth
• Customizable overlays/text (center text, hold-to-play HTML)
• Viewer styling options (including background color)

Getting Started

1. In WordPress admin, open the Peekaboo Video Reveal Items Manager.
2. Create an item and configure the poster/video sources and settings.
3. Copy the generated shortcode and paste it into any post/page.

Shortcode

Use the item name as the shortcode id:

[fwdpvr id=”Your Item Name”]

WooCommerce

Peekaboo Video Reveal can be used in WooCommerce product pages.

Typical workflow: 1. Add the shortcode to the product description. 2. The plugin can replace the default product gallery with the viewer.

Documentation & Demo

• Demo page: https://fwdapps.net/p/pvr/
• WordPress documentation: https://fwdapps.net/p/pvr/wordpress-documentation.html
• JavaScript documentation: https://fwdapps.net/p/pvr/javascript-documentation.html
• Support: https://fwdapps.net/contact

Development

This plugin’s full source code is publicly available for transparency and verification. Developed and maintained by FutureWebDesign.

• Source code & build tools — includes original uncompiled files and Vite build configuration.
• Distributed plugin uses a compiled build generated by Vite for optimal performance.