Lazy-loaded video popups and inline playback for Gutenberg
Kinetic Video Modal for clean, focused video delivery.
Show product demos, tutorials, testimonials, reels, hero videos, and course previews without loading third-party players on first paint. Open videos in a polished modal or keep playback inline inside the layout.
Open a focused video experience without loading the player up front.
Use a custom cover image, choose a clean aspect ratio, and let visitors open a modal overlay only when they are ready to watch.
Great for product walkthroughs, tutorial sections, feature cards, and media areas that should stay embedded in the layout.
Fine-tune the button style, overlay opacity, entrance animation, close behavior, and local video loading strategy for a polished result.
Live demo concept
Use the real block to showcase
both playback modes.
On the live page, replace these mockups with two real Kinetic Video Modal blocks: one
using modal playback for focused viewing and one using inline
playback for embedded page sections.
Inline playback demo
Best for cards, product sections, media, course lesson, and layouts where the video should stay embedded inside the content flow.
Modal playback demo
Best for hero demos, product explainers, course trailers, testimonials, and any video that deserves full attention without leaving the page flow.
Why buy PRO
Give video a polished container instead of dropping a raw embed.
Kinetic Video Modal helps you present video in a way that feels intentional, performance-aware, and easier to style than a default embed.
Best for
Video sections that need better control than a plain embed.
Use it when the video is important to the page, but the page still needs to stay fast, elegant, and easy to scan before the visitor hits play.
Use cases
Use Video Modal where a preview should invite the click.
The block works best when a clean visual cover, a clear play action, and a focused
playback experience can improve conversions or comprehension.
Product Demos
Present feature walkthroughs without placing a full player above the fold.
Course Previews
Open trailer lessons or instructor intros inside a focused dialog.
Testimonials
Use branded covers to make customer story videos feel more intentional.
Portfolio Reels
Show creative work in a cleaner viewing experience than a default embed.
Help Tutorials
Keep instructional content inline when it belongs inside the reading flow.
Sales Pages
Use polished covers and modal playback for high-impact launch videos.
Feature Cards
Embed inline video inside product or service sections without breaking the layout.
Local Video Pages
Use self-hosted MP4, WebM, or OGG files with preload control and start time support.
Free vs PRO
Start with a reliable video container. Upgrade for richer presentation control.
KineticHub Free gives you the core playback workflow for YouTube, Vimeo, and self-hosted video. KineticHub PRO adds more interaction polish and presentation flexibility for premium pages.
| Feature | KineticHub Free | KineticHub PRO |
|---|---|---|
| Supported video sources | YouTube, Vimeo, local files | Included |
| Playback modes | Modal and inline | Included |
| Custom cover image | Included | Included |
| Automatic YouTube thumbnail detection | Included | Included |
| Aspect ratios | 16:9, 4:3, 21:9, 1:1 | Included |
| Play button styles | Solid, glass, outline | Included |
| Button size, button color, icon color | Included | Included |
| Backdrop style and modal entrance | Default zoom entrance | Included |
| Close behavior and accessibility labels | Included | Included |
| Autoplay, mute, loop, start time | Not included | Unlocked |
| Magnetic pull and pulse interaction | Not included | Unlocked |
| Enhanced hover treatment and visual polish | Not included | Unlocked |
FAQ
Video Modal questions before you build.
Use this FAQ section for SEO, sales clarity, and fewer pre-sale/support questions.
Kinetic Video Modal is a Gutenberg block for presenting YouTube, Vimeo, and self-hosted video through a styled preview area with either modal playback or inline playback.
The block supports YouTube, YouTube privacy-enhanced embeds, Vimeo, and direct self-hosted video file URLs such as MP4, WebM, and OGG.
Modal playback opens the video in an overlay for a more focused viewing experience. Inline playback replaces the preview container with the active player directly inside the page content.
Yes. You can upload a custom cover image, or for YouTube videos you can use automatic thumbnail detection with fallback handling.
It gives you a branded cover image, lighter initial loading, better control over playback context, aspect ratio options, styled play buttons, and a more accessible modal experience.