A lightning-fast, Core Web Vitals optimized media container. Featuring strict lazy loading, inline playback, and rigorous accessibility focus trapping.

Video Cover
  • Strict Lazy-Loading

Our multi-platform regex parser enforces a strict whitelisting policy. Unrecognized URLs generate safe backend fallbacks instead of rendering, preventing cross-site scripting.

  • XSS URL Hardening

Our multi-platform regex parser enforces a strict whitelisting policy. Unrecognized URLs generate safe backend fallbacks instead of rendering, preventing cross-site scripting.

  • Smart Thumbnail Extract

Paste a YouTube link and we do the rest. The engine automatically fetches the maximum resolution thumbnail, with a secure JS fallback to standard-definition if missing.

Start free with the core modal engine or upgrade to PRO for inline playback and advanced controls.

  • Standard Full-Screen Modal playback
  • YouTube, Vimeo & MP4 support
  • Solid Play Button styles
  • WCAG Tab/Focus Trapping
  • Inline Playback Mode
  • TikTok, Instagram, TED & Wistia
  • Glassmorphism Buttons & Backdrops
  • Start Time & Force Loop Params
  • Inline Playback (Replaces Cover)
  • All 10 Video Providers Supported
  • Glassmorphism UI Elements
  • Magnetic Pull & Pulse Animations
  • Cinematic Hover Zoom Intensities
  • Video Start Time & Force Loop
  • Local MP4 Preloading Controls

How Kinetic Video Modal protects your site and your users.

Is the Modal fully accessible (A11y compliant)?

Yes. We engineered a strict Tab/Shift+Tab capture loop within the modal dialog. It records the originating focus state, implements a global document Focus Guard, and restores origin focus upon closure, ensuring full WCAG compliance.

How does the block prevent Cross-Site Scripting (XSS)?

We completely purged <code>.innerHTML</code> string injections. The close button SVG and dynamic iframes are strictly built using native <code>document.createElementNS()</code> APIs to adhere to stringent Content Security Policies (CSP).

What happens if I use it on a very tall screen or laptop?

The layout architecture caps the `.kh-vm-dialog-content` height at <code>85vh</code>. This prevents vertical overflow clipping on widescreen viewports while maintaining your selected aspect ratio (16×9, 21×9, or 4×3).