Video Player Block – HTML5 Video Player with Playlist

Video Player Block adds a lightweight, fully customizable HTML5 video player to the WordPress block editor (Gutenberg). Add the block, pick a video and publish: no shortcodes, no page builder and no external libraries.

Every setting lives in a clean sidebar with two tabs: General for what the video player does and Style for how it looks. The editor preview runs the same player your visitors see, so what you design is what gets published.

Use it for course lessons, product demos, tutorials, testimonials, background-free hero videos or a complete video playlist.

Why use this video player block?

• Fast – the player script loads only on pages that contain the block, and it has no external dependencies.
• Responsive – the video player and its playlist adapt to desktop, tablet and mobile screens.
• Privacy-friendly – YouTube and Vimeo videos load nothing from the provider until the visitor presses play.
• Accessible – keyboard shortcuts, labelled buttons and screen-reader friendly sliders.
• Theme friendly – styles are scoped to the player, so they never clash with your theme.

Free features

• HTML5 video player block for any Media Library video or direct video URL (MP4, WebM, MOV…)
• The browser’s built-in video controls
• Show controls, autoplay, muted, loop, play inline and preload options
• Width, height, corner radius and video fit
• Admin dashboard with live demos, feature comparison and step-by-step documentation

Pro features

Everything below is part of Video Player Pro. Pro options are marked “Pro” in the editor; see the Feature Comparison page in the plugin dashboard.

Video sources

• Media Library uploads or any direct video URL (MP4, WebM, MOV…)
• Video playlists with titles, descriptions, thumbnails and durations
• YouTube video player and Vimeo video player, loaded privacy-friendly (click to load)
• Multiple quality sources (for example 1080p / 720p / 480p) with seamless switching

Player features

• Modern custom control bar, or the browser’s native controls
• Choose which buttons appear: play, rewind/forward, progress, time, mute, volume, captions, settings, picture-in-picture, fullscreen and download
• Playback speed menu with selectable speeds and a default speed
• Subtitles and closed captions (WebVTT) with a language menu and styleable captions
• Custom poster image and title overlay
• Start and end time (play only part of a video)
• Automatic muted fallback when the browser blocks autoplay with sound
• Keyboard shortcuts (Space/K, arrows, M, F, C, I, 0–9, < >)
• Click to play, double-click for fullscreen, auto-hiding controls
• Floating mini player when scrolling away from a playing video
• Pause other players when one starts; optional pause when scrolled out of view
• Resume where the viewer left off (stored in the visitor’s browser only)
• End screen with Replay and a call-to-action button
• Logo or text watermark with optional link
• Discourage downloads (hides the browser download option and right-click menu)
• Playback events for analytics: a cpvp:event DOM event, and optional Google Tag Manager dataLayer pushes

Video playlist

• Playlist on the right, left or below the video
• Auto-advance to the next video and repeat the playlist
• Thumbnails, titles, descriptions and durations for every item
• Playlists stack automatically under the video on narrow screens

Styling

• Typography controls (Google Fonts, weight, responsive size, style, transform, decoration, line height, letter spacing) for the control bar, title, captions and playlist
• Solid, gradient or image backgrounds for the container, video area, control bar and playlist
• Responsive width, height, padding and margin for desktop, tablet and mobile
• Aspect ratio presets (16:9, 21:9, 4:3, 1:1, 9:16 and more) and video fit
• Border (width, style, color, sides, per-corner radius) and multiple box shadows
• Control bar, progress bar, volume, play button (shape, size, hover colors), captions and title styling
• Playlist size, colors, hover and active states, thumbnail size and radius

Privacy

This plugin uses the Freemius SDK for license activation and updates. Freemius receives data about your site only after you opt in or activate a license; see https://freemius.com/privacy/ for details. Visitors of your site are never tracked by the plugin.