Configure video sources and playback

HTML5 Video Player Pro adds controls for video playback, playlists, and presentation in WordPress. Embed externally hosted files, including videos stored on Amazon S3, and use the color picker to adjust the player’s appearance. HLS streams use .m3u8 files; Pro also works with DASH streams using .mpd files. Viewers can select available quality levels and adjust playback speed or resolution.

Choose which player controls appear, including restart, rewind, and fast-forward. Set the seek distance and start time, configure the download button or a custom download URL, and add multiple subtitle tracks with language choices. Chapters and overlays can add structure or supplementary content to a video.

Organize video collections

Pro adds three playlist layouts: List With Thumb, List on Right Side, and Grid. Advanced playlists can include a live search filter, previous and next arrows, custom thumbnails, and duration badges. Use the playlist post type and [video_playlist] shortcode to organize and publish collections.

Set how players appear and execute

An advanced shortcode generator is available in the post and page text editor. Autoplay when visible can start a video when it enters the viewport, while the page load optimizer defers player assets and video loading. Other settings include showing a thumbnail when playback is paused, keeping the player sticky while users scroll, and disabling pause.

For monetization and access controls, add a Google VAST tag URL, configure an end screen, or open a video in a popup player. Password protection can restrict access to viewers with a valid password, and watermark support can add branding or copyright information. Additional IDs and CSS classes are available for custom styling.

Add a player to WordPress

1. Install and activate HTML5 Video Player Pro.
2. Open the HTML5 Video Player menu in the WordPress dashboard.
3. Create a player and configure its video source, controls, captions, playlist, and display options.
4. Copy the generated shortcode into a post, page, or widget, or add the HTML5 Video Player block and select your player.
5. Publish the content and review the player at the intended device sizes.

For a quick embed, use [video_player src="video src"].