Self-hosted video in WordPress

Super Video Player Pro is a no-code WordPress HTML5 video player for self-hosted MP4, HLS (.m3u8), and MPEG-DASH (.mpd) sources. It is designed for responsive playback on desktop, tablet, and mobile devices, with support for modern browsers. Use it for courses, membership sites, portfolios, product demonstrations, tutorials, educational platforms, business and documentation sites, media libraries, or blogs.

Playlists and presentation

Add multiple videos to a playlist and select a Default, Horizontal, Vertical, or Grid layout. Continuous playback can move through the playlist automatically for lessons, tutorials, demonstrations, or other sequential content. Video titles and descriptions can appear above or below the player to provide context. Multiple player layouts offer further presentation choices.

When a video has multiple quality settings, viewers can select a resolution that suits their connection. Playback speed and quality are available in the Settings menu. Sharing options are also included.

Controls and subtitles

Choose which controls to show: Play/Pause, Volume, Progress Bar, Captions, Settings, Fullscreen, Download, and Picture-in-Picture. Picture-in-Picture lets viewers keep watching while browsing other pages or tabs. Click to Play lets them play or pause by clicking anywhere on the player.

• Initial Volume Control sets the default playback volume for each video.
• Custom Seek Time sets how many seconds viewers skip with keyboard shortcuts or player controls.
• Custom Caption Styling lets you adjust captions to match the website design and improve readability.

The player works with multiple subtitle documents, including VTT files in multiple languages, and includes screen reader support.

Add a player to a page

Create and configure a player with a Gutenberg block in the WordPress Block Editor, or embed one with a shortcode in posts, pages, widgets, and theme templates. The add-on supports unlimited video players. A page with a player loads roughly 170 KB of player assets; a page without one loads none of those assets. No jQuery is required.

Setup

After the extension is available in WordPress, make a player with a Gutenberg block or shortcode. Select a self-hosted MP4, HLS, or MPEG-DASH source, then configure the layout, controls, subtitles, quality options, title, and description as needed. For a collection, add videos to a playlist and choose its layout before placing the player on the target page.