Bradmax Player vs HTML5 Video Player – embed fast, responsive videos with ease

Bradmax Player is a plugin, which supports video streams playback on desktops and mobile devices. If you have access to video streaming in formats: – HLS – MPEG-DASH – MS Smooth Streaming or simple mp4, webM, ogg files, then you can watch them on your site with Bradmax Player. It is even supporting HLS or MS Smooth Streaming playback on platforms / devices, which usually not support them. In such cases video is “transconded” on-fly in your browser during playback. Player support also: poster image – Custom image from video, which is displayed on player before playback. subtitles – Embedded in HLS, MPEG-DASH, MS Smooth Streaming video stream or from external files in SRT, VTT file formats. basic video statistics for Google Analytics – Just paste your Google Analytics tracker id into player settings for collecting information about video views and watched time. video chapters & time markers – Extending progressbar with additional information about video chapters or time markers. Requirements A self-hosted website running on WordPress CRM. Bradmax Player Features Embed video streams into a post/page or anywhere on your WordPress site (supported streaming formats HLS, MPEG-DASH, MS Smooth Streaming). Embed video files (MP4, WebM, Ogg) into your page. Embed responsive videos for a better user experience while viewing from a mobile device. Embed videos with poster images. Automatically play a video when the page is rendered. Embed videos uploaded to your WordPress media library using direct links in the shortcode. No setup required, simply install and start embedding videos. Lightweight and compatible with the latest version of WordPress Clean and sleek player with no watermark. Player customisation is available (change skin, colors, logo, etc.). It requires only sign-up on https://bradmax.com/site/en/signup . It’s free and basic version of player is also free. Embed video with subtitles (subtitles loaded from stream or from SRT, VTT files). Collect basic statistics about video playback in your Google Analytics account. Playback of DRM protected video (only in paid version for custom player downloaded from bradmax.com). Bradmax Player Plugin Usage In order to embed a video create a new post/page and use the following shortcode: [bradmax_video url="https://bradmax.com/static/video/tos/big_buck_bunny.m3u8" duration="596" poster="https://bradmax.com/static/images/startsplash.jpg"] “url” is the location of your streaming. You need to replace the sample URL with the actual URL of the video stream. “duration” contain length in seconds of video, so it can be displayed on player before staring playback. “poster” is location of poster image, which should be displayed on player. Replace sample URL with link of your image. Video playback statistics with Google Analytics Player can collect basic statistics for video playback. You just need to copy your “Tracking ID” from Google Analytics page into player settings. For finding “Tracking ID” please open: Google Analytics > Admin > Tracking Info > Tracking Code . “Tracker ID” is code having form “UA-XXXXXXXX-X”, where X is 0-9 digit and you have to copy it into ga_tracker_id video shortcode option (see section below). Player collects video playback details as “Events” in your Google Analytics account. There are available in sections: Google Analytics panel > Real-Time > Events Google Analytics panel > Behaviour > Events Player is sending events: event category: view , event action: started (send on starting video playback) event category: player event, event action: playing/paused (send on play/pause video) event category: progress seconds, event action: progress seconds (send every 10 sec of playback) For each media distinction in statistics you have to specify in video shortcode option “media_id”. Then each event got additionaly “Event Label” with data provided from media_id parameter. media_id can be any text, which you want to define, but it is recomended to keep it short. Video Shortcode Options The following options are supported in the shortcode. Autoplay Causes the video file to automatically play when the page loads. Note: Currenlty this option is working only on desktop devices with muted sound (see “Mute” shortcode). On mobile devices (phones, tablets, etc.) this option is not working. It is platform limitation and clicking on video is required for starting playback. [bradmax_video url="http://example.com/hls_stream.m3u8" autoplay="true"] Mute Causes the video starts with muted sound. This option is usefull for starting video automatically with “autoplay” option. [bradmax_video url="http://example.com/hls_stream.m3u8" autoplay="true" mute="true"] Duration Defines length of video stream in seconds. Can contain fraction of second. It is required for displaying duration of video before staring playback. [bradmax_video url="http://example.com/hls_stream.m3u8" duration="100.1"] Poster Defines image to show as placeholder before the video plays. [bradmax_video url="http://example.com/hls_stream.m3u8" poster="http://example.com/wp-content/uploads/poster.jpg"] Pip Enables additional button in player skin for enabling/disabling Picture-in-Picture mode. When PIP mode is enabled then player is detached from browser and user can watch video over other screens. Note: This feature requires player at last v2.12.0 version. If you are using older customized player (changed colors, skin, etc.), then you have to generate new one on bradmax.com page. PIP button appears after starting playback. Before it is blocked by browser. [bradmax_video url="http://example.com/hls_stream.m3u8" pip="true"] Chapters & Time markers Defines additional info for video chapters. Such information will be presented on progress bar. Format for video chapters is similar to Youtube chapters in description. Each chapter entry should be in separated line or separated from other entries using semicolon (;). Entry begins with start time of chapter and folowed by label for chapter. Chapters use “chapters” attribute name and time markers “time_markers”. [bradmax_video url="https://bradmax.com/static/video/tos/440272.mpd" duration="100.1" chapters=" 0:00 - Intro 0:23 - 1. Preparations 3:18 - 2. Simulation 7:18 - 3. Defense 8:48 - 4. Forgiveness 9:38 - Credits " time_markers=" 1:40 - Decoy 3:20 - Simulation start 5:30 - They are comming ... 8:08 - Rope slide 11:14 - Credits rope slide "] Example for semicolons instead of new lines – all in one line. Sometimes wordpress can have problems with multiline in shortcodes. Using semicolons will solve it. [bradmax_video url="https://bradmax.com/static/video/tos/440272.mpd" duration="100.1" chapters="0:00 - Intro ; 0:23 - 1. Preparations ; 3:18 - 2. Simulation ;7:18 - 3. Defense ; 8:48 - 4. Forgiveness ; 9:38 - Credits"] Class Defines CSS class, which should be added into player box on page (customizing view on WordPress page). [bradmax_video url="http://example.com/hls_stream.m3u8" class="my-custom-player-css-class"] Style Defines CSS style string, which should be added into player for on page (customizing view on WordPress page). [bradmax_video url="http://example.com/hls_stream.m3u8" style="width:400px;height:200px;border:solid 1px gray"] Subtitles Defines list of subtitles files (one file per language) for video. Subtitles files has to be in SRT or VTT format (file extension *.srt or *.vtt). Format for subtitles list subtitles=”LANG_CODE=FILE_LINK LANG_CODE=FILE_LINK …”, where LANG_CODE is two letter language code (ISO 639-1 standard – https://en.wikipedia.org/wiki/List_of_ISO_639-1_codes) for defining subtitles language. FILE_LINK is link to file stored on some HTTP server, which player will be able to download during playback. Working example (subtitles in Czech language): [bradmax_video url="https://bradmax.com/static/video/tos/tesla/tesla.m3u8" subtitles="cz=https://bradmax.com/static/video/tos/tesla/tesla_cz.srt"] Example with multiple languages for video: [bradmax_video url="http://example.com/hls_stream.m3u8" subtitles="en=https://example.com/subtitles_en.srt cz=https://example.com/subtitles_cz.srt sk=https://example.com/subtitles_sk.srt"] ga_tracker_id Defines Google Analytics tracker id. When defined video playback is tracked in your Google Analytics account in “Events” sections. “Tracker ID” is code having form “UA-XXXXXXXX-X”, where X is 0-9 digit and is located in Google Analytics > Admin > Tracking Info > Tracking Code. Example: [bradmax_video url="http://example.com/hls_stream.m3u8" ga_tracker_id="UA-XXXXXXXX-X" media_id="my example stream"] media_id This parameter is used, when Google Analytics plugin is active (see ga_tracker_id video shortcode). It is used for each media distinction, so for each different video diferent value should be provided. It can be any text, but it is recomended to keep it short. Alternative stream formats (url_2, url_3, url_4) If you got video content (same title/media) in multiple formats eg. MPEG-DASH, HLS, MS Smooth Streaming you can provide them to player using shortcodes url_2, url_3, url_4 . Player automatically choses format with best support for device. You can put links in any order. Example for video with many formats (MPEG-DASH and HLS): [bradmax_video url="https://bradmax.com/static/video/tos/440272.mpd" url_2="https://bradmax.com/static/video/tos/440272.m3u8"] live_ Player supports playback for live stream transmissions (HLS, MPEG-DASH, MS Smooth Streaming). For such transmissions are additonal parameters, which improve user experience. live_end_date: Date time as ISO 8601 string (https://en.wikipedia.org/wiki/ISO_8601). Examples: “2020-06-10T20:00:00Z” (2020-06-10 20:00:00 UTC time zone), “2020-06-12T18:00:00+08:00” (2020-06-12 18:00:00 GMT+8 time zone). If defined, then player is able to detect end of live stream transmission. Without it player will be assume end of transmission and end splash screen will be presented. live_thank_you_image_url: Link to custom end splash image, which should be shown after end of live stream transmission. If not defined then default start splash will be shown after end of transmission. live_waiting_for_transmission_image_url: Link to custom waiting for transmission image, which should be shown when player is waiting for live stream transmission start. Requires live_end_date parameter for correct work – player is aware if it is before or after transmission. live_low_latency_mode: Indicates if lowLatencyMode should be enabled. By default it is disabled. When live_low_latency_mode then latency optimization is used at the expense of quality (stream is in lower quality and can buffer more frequently, but with much lower latency). This mode is working only for HLS and MPEG-DASH streams. example configuration Examples: [bradmax_video url="http://example.com/hls_live_stream.m3u8" live_waiting_for_transmission_image_url="https://bradmax.com/static/images/waiting_for_transmission.jpg" live_thank_you_image_url="https://bradmax.com/static/images/thankyou_endsplash.jpg" live_end_date="2020-06-14T14:00:00+08:00"] [bradmax_video url="http://example.com/hls_live_stream.m3u8" live_low_latency_mode="true"] drm_ Player supports playback for DRM protected video – paid version of player downloaded from bradmax.com is required. Short codes for DRM configuration: drm_prov: Type of provider. Mark “default” for enabling support DRMs for selected content. Available values: [‘default’, ‘ezdrm’, ‘keyos’] drm_widevine_url: URL to Widevine DRM license server. It is required for decrypting Widevine protected videos. drm_widevine_cust_data: Custom data in base64 encoded format for Widevine. drm_playready_url: URL to MS PlayReady DRM license server. It is required for decrypting PlayReady protected videos. drm_playready_cust_data: Custom data in base64 encoded format for MS PlayReady. drm_fairplay_url: URL to FairPlay DRM license server. It is required for decrypting FairPlay protected videos. drm_fairplay_cust_data: Custom data in base64 encoded format for FairPlay. drm_fairplay_cert_url: URL to FairPlay certificate server. Example: [bradmax_video url="https://example.com/drm_protected_stream.mpd" drm_prov="default" drm_widevine_url="https://drm.example.com/license"]

Embed beautiful, responsive videos anywhere on your site – no code required, trusted by 30,000+ websites worldwide. HTML5 Video Player | Documentation | Pricing | Support | Demo Why HTML5 Video Player? HTML5 Video Player is a flexible, fully responsive video player plugin for WordPress. Embed MP4 and other video formats with ease, customize the player to match your site design, and enjoy smooth playback across all major browsers and devices. Add players to posts, pages, or widgets using shortcodes or the Gutenberg block – no code needed. Built-in options let you control video behavior such as autoplay, loop, mute, and more, while schema markup helps search engines understand and index your videos. Free Features Responsive HTML5 Video Player: Seamlessly adapts to all devices and screen sizes. No-Code Embedding: Use shortcodes to quickly add videos anywhere on your site. Cross-Browser Compatibility: Works perfectly on Chrome, Firefox, Safari, and more. iOS & Mobile Friendly: Plays video files on all major devices without extra plugins. Autoplay, Loop & Mute Options: Customize how your videos behave. Preload Options: Choose how much of the video loads up front (metadata, auto, none) to balance speed and bandwidth. Inline iOS Playback: Play videos inline on iOS devices instead of forcing fullscreen. Skins & Color Customization: Style the player to match your brand. Supports Multiple Formats: Embed MP4, WebM, OGG, and MOV files. Preview for Paid Content: Great for selling digital video files with previews. Lightweight & Compact: Doesn’t take up unnecessary space on your page. Custom CSS Support: Fine-tune your player with custom styles. SEO Optimized: Schema markup helps search engines understand and index your videos. Video Playlist Block: Build a playlist of videos with a simple list layout, auto-play next with a 5-second “Up Next” countdown, custom thumbnails, and duration badges. HLS Streaming: Play .m3u8 adaptive streams, with automatic quality levels. Subtitles & Captions: Add a .vtt caption track to any player, with your own language label. Player Alignment: Align the player left, centre or right from the block editor, the classic metabox, the Quick Player settings, the shortcode or Elementor. Audio Player Block: A skinnable audio player with four skins — Modern Bar, Waveform, Podcast Card and Compact Pill — plus speed, skip, volume and download controls. Pro Version The Pro version adds more flexibility and advanced controls for managing video playback and customization: Color Picker: Change player colors to match your site perfectly. External Hosting Support: Embed videos from Amazon S3 and other sources. Multiple Subtitles Support: Add more than one caption track and let viewers choose the language. Advanced Playlists: Three extra playlist layouts (List With Thumb, List on Right Side, Grid), a live search filter, prev/next arrows, plus a playlist post type and [video_playlist] shortcode. DASH Streaming: Play .mpd adaptive streams alongside HLS. Quality Switcher: Viewers can toggle video quality like on YouTube. Page Load Optimizer: Defer player assets and video loading for better page speed scores. Restart, Rewind, Fast Forward: Full playback control buttons. Download Button Toggle & Custom Download URL: Enable, hide, or redirect video downloads. Customize Every Control: Show/hide any button or control. Speed & Quality Control: Let users adjust playback speed and resolution. Advanced Shortcode Generator: Right inside your post/page text editor. Autoplay When Visible on Screen: Smart autoplay triggers only when the video enters the viewport. Disable Pause: Prevent viewers from pausing the video. Show Thumbnail on Pause & Sticky on Scroll: Keep viewers engaged as they browse. Seek Time & Start Time: Customize jump distance and auto-start position. Google VAST Tag URL: Integrate ad tags using Google VAST for monetization. Chapters & Overlay: Add chapter markers and custom overlays for a better experience. End Screen & Popup Player: Show a custom end screen or open videos in a distraction-free modal. Password Protected Videos: Restrict video access to users with a valid password. Watermark Support: Add branding or copyright with a watermark. Additional ID/CSS Class: Add unique IDs or CSS classes for advanced custom styling. Try the Pro Version – Unlock all premium features today! How to Use HTML5 Video Player – Quick Start Install and activate the plugin. Go to the HTML5 Video Player menu in the WordPress dashboard. Create a new video player and configure your settings. Copy the shortcode displayed for your player. Paste the shortcode into any post, page, or widget. Prefer the block editor? Add the HTML5 Video Player block, select your player, and publish – your video is live! Quick Player shortcode: [video_player src="video src"] More attributes you can use: controls="play-large, restart, rewind, play, fast-forward, progress, current-time, mute, volume, captions, settings, pip, airplay, download, fullscreen" autoplay="true/false" muted="true/false" preload="auto/metadata/none" playsinline="true/false" width="500px" align="left/center/right" caption="https://example.com/subtitles.vtt" caption_label="English/en" reset_on_end="true" Live Demo | Buy The Pro Use Cases Product Demos: Embed demo videos on landing and product pages. Courses & Tutorials: Display video tutorials and course content. Testimonials: Showcase client testimonial videos. Portfolios: Build a video portfolio of your work. Digital Sales: Add previews for paid video content. What Users Say ❛❛We got multiple support from the developer. Outstanding and fabulous! 100 % satisfied and my personal recommendation for video player plugin!❜❜ -newbie2004 ❛❛This guy is the future of WordPress plugins. The interface is the very definition of simplicity and everything just works right out of the box.❜❜ -amallulla Like the plugin? Missing a feature? Send your feedback Check Out Our Other WordPress Plugins Html5 Audio Player – Listen audios with awesome visuals. PDF Poster – Display/Embed PDF files with different styles. StreamCast – Customizable radio player with different skins. 3D Viewer – Embed 3D models and 3D products with interaction. Advanced Post Block – Show posts and custom posts in different layouts. Source Code You can find the source code, report bugs, and contribute to the development of this plugin on our GitHub repository: HTML5 Video Player on GitHub Third-Party Libraries This plugin bundles the following third-party library: Codestar Framework Source: http://codestarframework.com/ GitHub: https://github.com/Codestar/codestar-framework License: GPLv2 or later – https://github.com/Codestar/codestar-framework/blob/master/LICENSE Purpose: Provides the options framework for the plugin’s settings and shortcode generator. Plyr – Version: 3.8.4 – Purpose: Provides the customizable HTML5, YouTube, and Vimeo media player interface used to render videos. – License: MIT – Website: https://plyr.io – Source code: https://github.com/sampotts/plyr – Bundled file: public/js/plyr-v3.8.4.polyfilled.js bpl-tools Source / GitHub: https://github.com/bPlugins/bpl-tools License: GPL-2.0-or-later – https://www.gnu.org/licenses/gpl-2.0.html Purpose: Shared utility library providing admin dashboard components and common Gutenberg editor controls. External Services: The library may connect to bPlugins, WordPress.org, and Freemius services for product data and checkout functionality. See full details: https://github.com/bPlugins/bpl-tools#external-requests–why-they-are-made