About this plugin
Video Walkthrough
Watch the complete walkthrough and see how easy it is to set up and customize the Story Video Block:
Story Video Block is a high-performance video embed and player block for the WordPress block editor (Gutenberg). It lazy-loads YouTube, Vimeo, Dailymotion, and self-hosted videos with a lightweight poster image (facade), so heavy third-party video players and tracking scripts only load when visitors press play — dramatically boosting your Google PageSpeed scores and Core Web Vitals.
Use it as a clean standalone video player (“Video only” mode), or pair videos with headings, quotes, and author avatars for stunning video testimonials and story-style sections.
Unlike traditional video embed blocks, nothing heavy is shipped to visitors just to swap a poster image for a video player: the click-to-play interaction runs on WordPress’s native @wordpress/interactivity module — zero React, zero jQuery, and no framework overhead loaded on the front end.
Key Features
- Boost PageSpeed & Core Web Vitals — Default YouTube/Vimeo embeds load megabytes of JavaScript and trackers on initial page visit. Story Video Block lazy-loads embeds on click, keeping your pages blazing fast.
- 100% GDPR & Privacy Friendly — Zero external tracking scripts or cookies are loaded until a visitor clicks play.
- One field, auto-detected — paste a URL from YouTube, Vimeo, Dailymotion, Facebook, Twitch, Wistia, Loom, TikTok, VideoPress, or a self-hosted.mp4 /.webm /.ogg /.mov file. The provider and video ID are detected automatically.
- Poster image (facade) — auto-pulled from YouTube, Dailymotion, and Loom, or upload your own custom thumbnail for any provider.
- Click-to-load playback — no video player loads until the visitor clicks play, saving bandwidth and keeping your site speed top-notch.
- No React, no jQuery on the front end — the click-to-play interaction runs on WordPress’s native @wordpress/interactivity module (a script module, not a classic script), not a framework.
- Configurable play button — 4 built-in icon shapes x 3 color styles, and extendable via WordPress filters if you want to bring your own icon library.
- Testimonial mode — swap the heading/description for a quote, author name, author title, and avatar.
- Video only mode — use it as a standalone video player: drops the heading, description, and testimonial content for a full-width embed, with an optional fixed height for consistent-sized players.
- Media position — video on the left or right of the content.
- Card style — standard, or an “overlapping media” look where the video pokes out above/below the card.
- Background & text color controls, plus CSS custom properties for everything else (padding, gap, radius, shadow, play-button colors, and more) so a theme can restyle the block without editing plugin files.
- Full Site Editing (FSE) & Block Theme Ready — Works out of the box with modern WordPress block themes.
- Transcript upload — attach a PDF/Word/text file for accessibility; renders as a labeled download link.
- Developer filters — story_video_block_css_vars and story_video_block_content let a theme or must-use plugin adjust the block’s frontend CSS/markup from functions.php.
- Accessible by default — labeled controls, aria-label s on interactive elements, decorative images marked as such, and visible “opens in a new tab” hints for screen readers.
Check Out My Other Plugins
If you find Story Video Block helpful, feel free to check out my other free WordPress plugins:
- Flash Sale Stock Guard for WooCommerce — Prevent overselling during limited drops and flash sales by reserving stock at add-to-cart.
- Quovex Blocks — Modern Gutenberg blocks: filterable Query Grid, Post Carousel, Magazine Content Showcase & Notification Banner.
- Multimage – Image Uploads for WPForms — Multiple image uploads for WPForms Lite with instant AJAX uploads.