WPZOOM

Video Popup Block by WPZOOM – a simple yet powerful single-block WordPress plugin designed to enhance your website with engaging video content. This plugin adds a Gutenberg block to your WordPress editor, enabling you to effortlessly create customizable buttons that, when clicked, open a responsive popup containing a YouTube, YouTube Shorts, TikTok, Vimeo, or Self-Hosted (MP4) video.
<a href="https://demo.wpzoom.com/inspiro-blocks" rel="nofollow ugc">VIEW DEMO</a>
<h3>Features</h3>
<ul>
<li>Works with Vimeo & YouTube videos</li>
<li>Supports YouTube Shorts videos in portrait orientation — NEW</li>
<li>Supports TikTok videos in portrait orientation — NEW</li>
<li>Supports self-hosted (MP4) videos</li>
<li>Customize the Play button as you want</li>
<li>Choose your Play icon</li>
<li>Simple & Lightweight block</li>
<li>Single-block plugin that can be installed directly in the editor. No bloat!</li>
</ul>
Perfect for Block Themes (FSE – Full Site Editing Themes)!
<h3>Recommended Themes & DEMO</h3>
<a href="https://www.wordpress.org/themes/inspiro-blocks/" rel="nofollow ugc">Inspiro Blocks</a> – NEW 
<a href="https://www.wordpress.org/themes/inspiro/" rel="nofollow ugc">Inspiro Lite</a> 
<a href="https://www.wpzoom.com/themes/inspiro/" rel="nofollow ugc">Inspiro Premium</a> 
<a href="https://www.wpzoom.com/themes/inspiro-pro/" rel="nofollow ugc">Inspiro PRO</a> – NEW
<h4>Quick Tips</h4>
Place this block inside a Cover block.
Read more –> <a href="https://inspirowp.com/how-to-add-a-video-popup-in-the-header-hero-in-inspiro-lite-using-gutenberg/" rel="nofollow ugc">How to add a Video Popup in the Header Hero in Inspiro Lite using Gutenberg</a>
<h4>Additional Resources</h4>
<ul>
<li><a href="https://wordpress.org/support/plugin/wpzoom-video-popup-block/reviews/#new-post" rel="ugc">Leave a Review</a></li>
<li><a href="https://profiles.wordpress.org/wpzoom/#content-themes" rel="nofollow ugc">Grab a free theme</a></li>
<li><a href="https://www.wpzoom.com" rel="nofollow ugc">WPZOOM website</a></li>
<li><a href="https://github.com/wpzoom/wpzoom-video-popup-block" rel="nofollow ugc">GitHub repository</a></li>
</ul>

Video Popup Block by WPZOOM

Easily add a Gutenberg block to create customizable Play icon that open popups with YouTube, YouTube Shorts, TikTok, Vimeo, or MP4 videos

Engramium

Poppable is a lightweight Gutenberg block that lets you display YouTube videos in a sleek modal popup. Simply add the block, paste your YouTube URL, and connect it to any trigger element on your page.
Key Features:
<ul>
<li>Trigger from Any Element – Assign a trigger ID to any element (button, image, text) and clicking it opens the video modal</li>
<li>Multiple YouTube URL Formats – Supports youtube.com/watch?v=, youtu.be/, and youtube.com/embed/ formats</li>
<li>Autoplay Support – Optionally start playing the video automatically when the modal opens</li>
<li>Customizable Modal Width – Set the content width using px, %, vw, or any CSS unit</li>
<li>Multiple Close Options:
<ul>
<li>Close button (X) in the corner</li>
<li>Click outside to close</li>
<li>Press ESC key to close</li>
</ul>
</li>
<li>Responsive Design – Videos maintain 16:9 aspect ratio on all screen sizes</li>
<li>Body Scroll Lock – Page scrolling is disabled when the modal is open for a focused viewing experience</li>
<li>Lightweight – No jQuery dependencies, built with vanilla JavaScript</li>
</ul>
Development & Source Code: 
Poppable is open-source and developed publicly on GitHub.
GitHub repository: https://github.com/Engramium/poppable
<h3>How to Use</h3>
<ol>
<li>Add the Poppable block anywhere on your page (it will be hidden on the frontend).</li>
<li>In the block settings panel, enter your YouTube Video URL.</li>
<li>Set a unique Trigger ID (e.g., <code>poppable-video-modal</code>).</li>
<li>Add the same trigger ID as a CSS class to any element you want to use as the trigger (e.g., a button with class <code>poppable-video-modal</code>).</li>
<li>Configure your preferred close options and modal width.</li>
<li>Save and preview your page!</li>
</ol>

Poppable – The Easy Way to Add a Video Modal

Display YouTube videos in a beautiful, customizable modal popup triggered by any element on your page.

Video Popup Block by WPZOOM vs Poppable – The Easy Way to Add a Video Modal