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
- In WordPress admin, open the Peekaboo Video Reveal Items Manager.
- Create an item and configure the poster/video sources and settings.
- 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.