Super Video Player Pro: Self-Hosted Video and Playlists

Add self-hosted video to WordPress

Super Video Player Pro provides a no-code HTML5 video player for self-hosted MP4, HLS (.m3u8), and MPEG-DASH (.mpd) sources. Add it with a Gutenberg block in the WordPress Block Editor or use a shortcode in posts, pages, widgets, and theme templates. Playback is designed for desktop, tablet, and mobile devices, with compatibility for modern browsers.

The player can be used on course and membership sites, portfolios, tutorial and educational websites, business and documentation sites, media libraries, and blogs. It supports unlimited video players.

Arrange videos and set their presentation

Pro adds playlists for grouping multiple videos in one player experience. Choose a Default, Horizontal, Vertical, or Grid playlist layout. With continuous playlist playback enabled, the player can advance through the videos automatically, which can suit lessons, tutorials, demonstrations, and other sequential content. Multiple player layouts provide further presentation choices, and video titles and descriptions can appear above or below the player.

If a video has multiple quality settings, viewers can choose a resolution that fits their internet connection. The player also supports video sharing.

Configure playback and captions

You can show or conceal individual controls: Play/Pause, Volume, Progress Bar, Captions, Settings, Fullscreen, Download, and Picture-in-Picture. The Settings menu gives viewers access to playback speed and quality.

• Initial Volume Control sets the default playback volume for each video.
• Custom Seek Time sets how many seconds visitors skip with keyboard shortcuts or player controls.
• Click to Play lets visitors play or pause by clicking anywhere on the player.
• Picture-in-Picture lets visitors keep watching while browsing other pages or tabs.
• Custom Caption Styling lets you adjust captions to match the website design and improve readability.

The player supports multiple subtitle files, including VTT files in multiple languages. It also includes screen reader support and responsive playback.

Create and place a player

Once the plugin 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. For a collection, add videos to a playlist and choose its layout before placing the player on the target page.

A page with a player loads roughly 170 KB of player assets; a page without one loads none of those assets. The add-on does not require jQuery.