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

zish

Pathhan

fkfaisalkhan007

Sharik Khan

Alexander

mohammadhanif

FARAZFRANK

A WP Life

<p>Create a responsive image slider to display photos, picture galleries, and play video slides on your WordPress website.</p>
<h3>Media Slider Description for Photos and Videos</h3>
<p>Media Slider helps you create beautiful slideshows for your site. You can showcase photo galleries, list portfolio items, or embed videos. This easy-to-use plugin organizes all media files in one dashboard.</p>
<p><strong>View Free Demo:</strong> <strong><a href="https://awplife.com/demo/media-slider-free-wordpress-plugin" rel="nofollow ugc">Media Slider</a></strong> | <strong>View Pro Demo:</strong> <strong><a href="https://awplife.com/demo/media-slider-premium/" rel="nofollow ugc">Media Slider Pro</a></strong><br />
<strong>Learn More About Pro:</strong> <strong><a href="https://awplife.com/wordpress-plugins/media-slider-premium/" rel="nofollow ugc">Media Slider Pro</a></strong> | <strong>Purchase Pro:</strong> <strong><a href="https://awplife.com/account/signup/media-slider-premium" rel="nofollow ugc">Buy Media Slider Pro</a></strong></p>
<p>You can upload photos from your library. The plugin also supports YouTube videos. Add as many slides as you want. You can display the slider anywhere using a simple shortcode. Each slide allows custom titles, text descriptions, and links.</p>
<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/wBYgUQxpsPs?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>
<p><strong>Key Uses:</strong><br />
* Make photo slideshows with smooth fade effects.<br />
* Display YouTube videos on your site.<br />
* Build mixed galleries with images and videos.<br />
* Show multiple slides at once in a carousel.<br />
* Enable responsive thumbnail navigation.<br />
* Select full-width or boxed layouts.</p>
<p><strong>Free Version Key Features:</strong><br />
* Fully responsive layout fits any screen size.<br />
* Transition styles like slide and fade.<br />
* Classic previous and next arrow buttons.<br />
* Option to display navigation thumbnails below.<br />
* Custom width and height control fields.<br />
* Autoplay slide mode with speed settings.<br />
* Full-screen viewing button.<br />
* Simple sidebar widget support.<br />
* Compatible with standard WordPress themes.<br />
* No coding experience needed.</p>
<p><strong>Premium Version Features:</strong><br />
* 4+ unique styles for navigation arrows.<br />
* 3+ navigation thumbnail layouts.<br />
* 9+ caption positions for texts.<br />
* Display image, YouTube and Vimeo videos on your site.<br />
* Advanced controls to autoplay, loop, or mute videos.<br />
* Custom breakpoint options for different screens.<br />
* 3+ image fitting and scaling methods.<br />
* Force size settings to lock slider dimensions.<br />
* Fast priority email support.</p>
<p><strong>Free vs Pro Version Comparison:</strong><br />
<em>Free Version:</em><br />
* Create unlimited slideshow panels.<br />
* Upload photos and insert video links.<br />
* Use basic arrows or thumbnails.<br />
* Apply classic fade slide transitions.<br />
* Mobile friendly and responsive.<br />
* Embed via widget.<br />
* Embed via shortcode.</p>
<p><em>Pro Version:</em><br />
* Insert YouTube and Vimeo videos.<br />
* Multiple navigation designs.<br />
* Richer thumbnail templates.<br />
* Custom position options for captions.<br />
* Video autoplay and mute tools.<br />
* Advanced mobile breakpoints.<br />
* Smart image crop layouts.<br />
* Dedicated developer support.</p>
<p><strong>Quick Setup Guide:</strong><br />
1. Open the Media Slider menu in your dashboard.<br />
2. Click “Add Media Slider” to create a new post.<br />
3. Select your photos or add video links.<br />
4. Save settings and publish the post.<br />
5. Copy the shortcode and paste it on any page.</p>
<p><strong>Getting Support:</strong><br />
If you have questions, please visit our <a href="http://awplife.com/contact/" rel="nofollow ugc">support forum</a>. We reply to all support tickets within 24 to 48 hours.</p>
<h3>Installing the Photo and Video Slider</h3>
<ol>
<li>Upload the plugin folder to the <code>/wp-content/plugins/</code> directory. Or use the WordPress admin installer.</li>
<li>Activate the plugin on the plugins page.</li>
<li>Click “Media Slider” in the sidebar menu.</li>
<li>Click “Add Media Slider” to create a post.</li>
<li>Add photos and adjust settings.</li>
<li>Publish the post to generate the shortcode.</li>
<li>Paste the shortcode into any page or post.</li>
</ol>
<h3>Photo and Video Slider FAQ</h3>
<h4>How do I create a new photo and video slider?</h4>
<p>Go to the Media Slider menu. Click “Add Media Slider” in your dashboard. Upload photos or add video URLs. Set options and publish. Paste the shortcode on your page.</p>
<h4>Can I mix photos and videos in the same image slider?</h4>
<p>Yes. Media Slider supports mixed layouts. You can combine library photos with YouTube and Vimeo links in one slider.</p>
<h4>Is this photo and video slider mobile responsive?</h4>
<p>Yes. The layouts adjust automatically. Your slideshows look clean on desktops, tablets, and phones.</p>
<h4>How do I embed the slider shortcode on my page?</h4>
<p>Copy the shortcode from the slider editor. Paste it into the editor of any page, post, or widget.</p>
<h4>Can I change navigation arrows in the image slider?</h4>
<p>The free version has standard arrows. The premium version includes 4+ different arrow designs.</p>
<h4>What video slide platforms does the slider support?</h4>
<p>The plugin supports YouTube and Vimeo videos. Paste the link into the slide URL field.</p>
<h4>How many photo and video sliders can I build?</h4>
<p>You can create as many sliders as you want. Each slider can have unlimited slides.</p>
<h4>Can I add descriptions to photos in the slider?</h4>
<p>Yes. Every slide supports a title, description, and link. The Pro version offers 9+ text alignment layouts.</p>
<h4>Does the shortcode work with Elementor and other page builders?</h4>
<p>Yes. The shortcode works in Elementor, Beaver Builder, Divi, and other site builders.</p>
<h4>How do I enable autoplay for photos and video slides?</h4>
<p>Check the autoplay settings in the options panel. Set the duration timer between slides.</p>
<h4>Can I show thumbnails below the photo slider?</h4>
<p>Yes. Turn on the thumbnails option in your settings. This navigation works in both versions.</p>
<h4>What is the difference between the free and premium image slider?</h4>
<p>The free version has core features. The Pro version adds premium navigation arrows, advanced thumbnails, captions, video controls, and support.</p>


Media Slider for Photos Images Videos

Create a responsive image slider to display photos, picture galleries, and play video slides on your WordPress website.

Peekaboo Video Reveal vs Media Slider for Photos Images Videos