FWD Video Player is a powerful and unique responsive video player for WordPress and WooCommerce that can play local, self-hosted or streaming video and audio files, YouTube, Vimeo, Vimeo Pro, live streaming, HLS, DASH MPEG, 360 degree video / VR, Google Adsense, VAST and VMAP, and much more.
It is designed for publishers, course creators, media websites, membership platforms, product pages, and any project that needs a professional HTML5 player with deep customization, monetization, analytics, and content-protection tools.
<a href="https://fwdapps.net/p/uvp/" rel="nofollow ugc">Homepage</a> | <a href="https://fwdapps.net/p/uvp/demos.html" rel="nofollow ugc">Demos</a> | <a href="https://fwdapps.net/p/uvp/api.html" rel="nofollow ugc">API</a> | <a href="https://fwdapps.net/contact" rel="nofollow ugc">Support</a>
<h3>Main Features</h3>
<h3>Core UVP Features</h3>
<ul>
<li>Fully responsive and mobile/desktop optimized layout.</li>
<li>Multiple display modes: responsive, fixed, sticky, fullscreen, lightbox, and popup.</li>
<li>Multiple player instances on the same page with instance-aware playback behavior.</li>
<li>Lazy loading on scroll, resume/remember playback, and URL timestamp start/stop.</li>
<li>Deep playlist system with unlimited playlists and unlimited videos.</li>
<li>Main playlists as dropdown selector or fullscreen playlist window.</li>
<li>Playlist live search, auto-open playlists window, and customizable playlist layouts.</li>
</ul>
<h3>Sources, Streaming, And Formats</h3>
<ul>
<li>Self-hosted HTML5 media: MP4 video and MP3 audio.</li>
<li>YouTube (single videos, playlists, channels).</li>
<li>Vimeo and Vimeo Pro (single videos, albums, showcases).</li>
<li>Apple HLS (.m3u8) live streaming with adaptive bitrate.</li>
<li>HLS multiple quality levels and multiple audio tracks.</li>
<li>MPEG-DASH (.mpd) live streaming.</li>
<li>External/cloud sources including Google Drive, Amazon S3, Dropbox, and public media links.</li>
</ul>
<h3>Playback, UX, And Interaction</h3>
<ul>
<li>Multiple quality levels (720p, 1080p, 2160p+).</li>
<li>Playback rate/speed selector and optional go fullscreen on play.</li>
<li>Subtitles support (.txt, .srt, .vtt) with subtitle selector.</li>
<li>Thumbnails preview via .vtt and live thumbnails preview.</li>
<li>A-to-B loop, annotations, cuepoints, and custom right-click menu.</li>
<li>Keyboard controls, embed/share window, info window, and watermark logo.</li>
<li>Real-time audio spectrum visualizer for MP3.</li>
<li>Chromecast support for compatible media playback.</li>
</ul>
<h3>360, VR, And Advanced Video</h3>
<ul>
<li>360 panoramic video support.</li>
<li>Panoramic VR and stereoscopic playback with WebXR.</li>
<li>Cardboard-compatible immersive VR support.</li>
</ul>
<h3>Ads, Monetization, And Analytics</h3>
<ul>
<li>Built-in pre-roll, mid-roll, and post-roll ads.</li>
<li>Popup ads and pause overlay ad window.</li>
<li>VAST and VMAP support with advanced ad scheduling.</li>
<li>Google IMA SDK and DFP/DoubleClick IMA tags support.</li>
<li>Google Adsense and VPAID support.</li>
<li>Google Analytics integration.</li>
</ul>
<h3>Security, Access, And WordPress Integration</h3>
<ul>
<li>Video source/path encryption.</li>
<li>Private and password-protected videos.</li>
<li>Playback only for logged-in users.</li>
<li>Digital fingerprint stamp support.</li>
<li>WooCommerce support.</li>
<li>Shortcode generator and admin workflow for fast setup.</li>
</ul>
<h3>Supported Use Cases</h3>
<ul>
<li>Online courses, coaching libraries, and training portals.</li>
<li>Membership and paid-content websites.</li>
<li>Product demos, SaaS explainers, and marketing landing pages.</li>
<li>WooCommerce product media and video-first product galleries.</li>
<li>Live streaming pages using HLS and MPEG-DASH.</li>
<li>Audio/podcast pages with visualizer and playlist support.</li>
<li>Protected/private video portals for clients or internal teams.</li>
<li>360 and VR immersive media showcases.</li>
</ul>
<h3>Shortcode</h3>
Basic example:
[fwduvp preset_id=”skin_minimal_dark” playlist_id=”main_playlist_1″ start_at_playlist=”0″ start_at_video=”0″]
Common shortcode attributes: 
– preset_id: Required preset configuration ID. 
– playlist_id: Required main playlist ID/name created in the admin. 
– start_at_playlist: Optional start playlist index. 
– start_at_video: Optional start video index.
<h3>External services</h3>
This plugin uses the following third-party/external services:
<ol>
<li>Google Analytics (Google Tag Manager script)</li>
</ol>
– What it is used for: optional playback analytics/events. 
– When it is used: only if a Google Analytics Measurement ID is configured. 
– What data is sent: playback analytics event data. 
– Service provider: Google. 
– Terms of service: https://policies.google.com/terms 
– Privacy policy: https://policies.google.com/privacy
<ol>
<li>YouTube Data API v3</li>
</ol>
– What it is used for: loading YouTube metadata for configured YouTube sources. 
– When it is used: when a YouTube source is configured. 
– What data is sent: configured YouTube identifiers and API key from browser requests. 
– Service provider: Google (YouTube). 
– Terms of service: https://www.youtube.com/t/terms 
– Privacy policy: https://policies.google.com/privacy
<ol>
<li>YouTube IFrame Player API</li>
</ol>
– What it is used for: embedded playback/control of YouTube videos. 
– When it is used: when current source is YouTube. 
– What data is sent: browser connections to YouTube player/video resources. 
– Service provider: Google (YouTube). 
– Terms of service: https://www.youtube.com/t/terms 
– Privacy policy: https://policies.google.com/privacy
<ol>
<li>Vimeo Player API</li>
</ol>
– What it is used for: embedded playback/control of Vimeo videos. 
– When it is used: when current source is Vimeo. 
– What data is sent: browser connections to Vimeo player/video resources. 
– Service provider: Vimeo. 
– Terms of service: https://vimeo.com/terms 
– Privacy policy: https://vimeo.com/privacy
<ol>
<li>Google IMA SDK</li>
</ol>
– What it is used for: ad delivery flows (IMA/DoubleClick/VAST/VMAP). 
– When it is used: when ad features that require IMA are enabled. 
– What data is sent: ad request/playback context data from browser. 
– Service provider: Google. 
– Terms of service: https://policies.google.com/terms 
– Privacy policy: https://policies.google.com/privacy
<ol>
<li>Google Cast Sender SDK (Chromecast)</li>
</ol>
– What it is used for: Chromecast sender support. 
– When it is used: when Chromecast feature is enabled and available. 
– What data is sent: cast session/media-cast data from browser/device. 
– Service provider: Google. 
– Terms of service: https://policies.google.com/terms 
– Privacy policy: https://policies.google.com/privacy
<ol>
<li>Google Fonts API</li>
</ol>
– What it is used for: loading Roboto font used by player styles. 
– When it is used: when plugin stylesheet is loaded. 
– What data is sent: font CSS/font file requests from browser. 
– Service provider: Google. 
– Terms of service: https://policies.google.com/terms 
– Privacy policy: https://policies.google.com/privacy
<ol>
<li>Social sharing endpoints (Facebook, X/Twitter, LinkedIn, Buffer, Reddit, Tumblr, Digg)</li>
</ol>
– What it is used for: opening social share windows. 
– When it is used: when visitor clicks share buttons. 
– What data is sent: current page URL to selected sharing service.
<h3>Video Tutorials</h3>
<ul>
<li>Main WordPress setup and usage: <a href="https://www.youtube.com/watch?v=WtlBO7KJGi4" rel="nofollow ugc">https://www.youtube.com/watch?v=WtlBO7KJGi4</a></li>
<li>Installation (timestamped): <a href="https://www.youtube.com/watch?v=WtlBO7KJGi4?t=1" rel="nofollow ugc">https://www.youtube.com/watch?v=WtlBO7KJGi4?t=1</a></li>
<li>WooCommerce setup: <a href="https://www.youtube.com/watch?v=SxAWCjNAKdQ" rel="nofollow ugc">https://www.youtube.com/watch?v=SxAWCjNAKdQ</a></li>
<li>360 / VR workflow: <a href="https://www.youtube.com/watch?v=oL8oWo9UPGA" rel="nofollow ugc">https://www.youtube.com/watch?v=oL8oWo9UPGA</a></li>
<li>Fingerprint stamp: <a href="https://www.youtube.com/watch?v=5ccWSz1Mr_0" rel="nofollow ugc">https://www.youtube.com/watch?v=5ccWSz1Mr_0</a></li>
<li>Google Drive media setup: <a href="https://www.youtube.com/watch?v=YK3YucN2PYc" rel="nofollow ugc">https://www.youtube.com/watch?v=YK3YucN2PYc</a></li>
<li>Google Adsense setup: <a href="https://www.youtube.com/watch?v=PXsfBh74ho4" rel="nofollow ugc">https://www.youtube.com/watch?v=PXsfBh74ho4</a></li>
<li>Global advertisement: <a href="https://www.youtube.com/watch?v=Nz55uyF-Awk" rel="nofollow ugc">https://www.youtube.com/watch?v=Nz55uyF-Awk</a></li>
<li>Thumbnails preview (.vtt): <a href="https://www.youtube.com/watch?v=hqTNCPE1zYE" rel="nofollow ugc">https://www.youtube.com/watch?v=hqTNCPE1zYE</a></li>
<li>Live thumbnails preview: <a href="https://www.youtube.com/watch?v=XNhpC0dndAg" rel="nofollow ugc">https://www.youtube.com/watch?v=XNhpC0dndAg</a></li>
<li>Chromecast: <a href="https://www.youtube.com/watch?v=j_7x3pFSg24" rel="nofollow ugc">https://www.youtube.com/watch?v=j_7x3pFSg24</a></li>
<li>YouTube API key: <a href="https://www.youtube.com/watch?v=whcjAjftBL0" rel="nofollow ugc">https://www.youtube.com/watch?v=whcjAjftBL0</a></li>
<li>Google Analytics integration: <a href="https://www.youtube.com/watch?v=cs_j1pWSbEY" rel="nofollow ugc">https://www.youtube.com/watch?v=cs_j1pWSbEY</a></li>
<li>Open in lightbox: <a href="https://www.youtube.com/watch?v=tEqE31YReX8" rel="nofollow ugc">https://www.youtube.com/watch?v=tEqE31YReX8</a></li>
</ul>
<h3>Links</h3>
<ul>
<li><a href="https://fwdapps.net/p/uvp/" rel="nofollow ugc">Product page</a></li>
<li><a href="https://fwdapps.net/p/uvp/demos.html" rel="nofollow ugc">Live demos</a></li>
<li><a href="https://fwdapps.net/p/uvp/api.html" rel="nofollow ugc">API examples</a></li>
<li><a href="https://fwdapps.net/product/ultimate-video-player-wp" rel="nofollow ugc">Buy WordPress plugin</a></li>
<li><a href="https://fwdapps.net/product/ultimate-video-player" rel="nofollow ugc">Buy JavaScript version</a></li>
<li><a href="https://fwdapps.net/contact" rel="nofollow ugc">Contact and support</a></li>
</ul>
<h3>Development</h3>
This plugin’s full source code is publicly available for transparency and verification. 
Developed and maintained by <a href="https://fwdapps.net" rel="nofollow ugc">FutureWebDesign</a>.
<ul>
<li><a href="https://fwdapps.net/d/js/uvp.zip" rel="nofollow ugc">Source code and build tools</a> – includes original uncompiled files and Vite build configuration.</li>
<li>Distributed plugin uses a compiled build generated by Vite for optimal performance.</li>
</ul>

FWD Video Player

Responsive video player with YouTube, Vimeo, HLS, DASH, subtitles, ads, WooCommerce, Chromecast, analytics, VAST, VMAP, Adsense 360/VR more...

bradmax

kostalski

<a href="https://bradmax.com/site/en/" rel="nofollow ugc">Bradmax Player</a> 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:
<ul>
<li>poster image – Custom image from video, which is displayed on player before playback.</li>
<li>subtitles – Embedded in HLS, MPEG-DASH, MS Smooth Streaming video stream or from external files in SRT, VTT file formats.</li>
<li>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.</li>
<li>video chapters & time markers – Extending progressbar with additional information about video chapters or time markers.</li>
</ul>
<h4>Requirements</h4>
<ul>
<li>A self-hosted website running on WordPress CRM.</li>
</ul>
<h4>Bradmax Player Features</h4>
<ul>
<li>Embed video streams into a post/page or anywhere on your WordPress site (supported streaming formats HLS, MPEG-DASH, MS Smooth Streaming).</li>
<li>Embed video files (MP4, WebM, Ogg) into your page.</li>
<li>Embed responsive videos for a better user experience while viewing from a mobile device.</li>
<li>Embed videos with poster images.</li>
<li>Automatically play a video when the page is rendered.</li>
<li>Embed videos uploaded to your WordPress media library using direct links in the shortcode.</li>
<li>No setup required, simply install and start embedding videos.</li>
<li>Lightweight and compatible with the latest version of WordPress</li>
<li>Clean and sleek player with no watermark.</li>
<li>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.</li>
<li>Embed video with subtitles (subtitles loaded from stream or from SRT, VTT files).</li>
<li>Collect basic statistics about video playback in your Google Analytics account.</li>
<li>Playback of DRM protected video (only in paid version for custom player downloaded from bradmax.com).</li>
</ul>
<h4>Bradmax Player Plugin Usage</h4>
In order to embed a video create a new post/page and use the following shortcode:
<pre><code>[bradmax_video url="https://bradmax.com/static/video/tos/big_buck_bunny.m3u8" duration="596" poster="https://bradmax.com/static/images/startsplash.jpg"]
</code></pre>
<ul>
<li>“url” is the location of your streaming. You need to replace the sample URL with the actual URL of the video stream.</li>
<li>“duration” contain length in seconds of video, so it can be displayed on player before staring playback.</li>
<li>“poster” is location of poster image, which should be displayed on player. Replace sample URL with link of your image.</li>
</ul>
<h4>Video playback statistics with Google Analytics</h4>
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: <a href="https://analytics.google.com" rel="nofollow ugc">Google Analytics</a> > 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:
<ul>
<li>Google Analytics panel > Real-Time > Events</li>
<li>Google Analytics panel > Behaviour > Events</li>
</ul>
Player is sending events:
<ul>
<li>event category: view , event action: started (send on starting video playback)</li>
<li>event category: player event, event action: playing/paused (send on play/pause video)</li>
<li>event category: progress seconds, event action: progress seconds (send every 10 sec of playback)</li>
</ul>
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.
<h4>Video Shortcode Options</h4>
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.
<pre><code>[bradmax_video url="http://example.com/hls_stream.m3u8" autoplay="true"]
</code></pre>
Mute
Causes the video starts with muted sound. This option is usefull for starting video automatically with “autoplay” option.
<pre><code>[bradmax_video url="http://example.com/hls_stream.m3u8" autoplay="true" mute="true"]
</code></pre>
Duration
Defines length of video stream in seconds. Can contain fraction of second. It is required for displaying duration of video before staring playback.
<pre><code>[bradmax_video url="http://example.com/hls_stream.m3u8" duration="100.1"]
</code></pre>
Poster
Defines image to show as placeholder before the video plays.
<pre><code>[bradmax_video url="http://example.com/hls_stream.m3u8" poster="http://example.com/wp-content/uploads/poster.jpg"]
</code></pre>
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.
<pre><code>[bradmax_video url="http://example.com/hls_stream.m3u8" pip="true"]
</code></pre>
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”.
<pre><code>[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
"]
</code></pre>
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.
<pre><code>[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"]
</code></pre>
Class
Defines CSS class, which should be added into player box on page (customizing view on WordPress page).
<pre><code>[bradmax_video url="http://example.com/hls_stream.m3u8" class="my-custom-player-css-class"]
</code></pre>
Style
Defines CSS style string, which should be added into player for on page (customizing view on WordPress page).
<pre><code>[bradmax_video url="http://example.com/hls_stream.m3u8" style="width:400px;height:200px;border:solid 1px gray"]
</code></pre>
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):
<pre><code>[bradmax_video url="https://bradmax.com/static/video/tos/tesla/tesla.m3u8" subtitles="cz=https://bradmax.com/static/video/tos/tesla/tesla_cz.srt"]
</code></pre>
Example with multiple languages for video:
<pre><code>[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"]
</code></pre>
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 <a href="https://analytics.google.com" rel="nofollow ugc">Google Analytics</a> > Admin > Tracking Info > Tracking Code.
Example:
<pre><code>[bradmax_video url="http://example.com/hls_stream.m3u8" ga_tracker_id="UA-XXXXXXXX-X" media_id="my example stream"]
</code></pre>
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):
<pre><code>[bradmax_video url="https://bradmax.com/static/video/tos/440272.mpd" url_2="https://bradmax.com/static/video/tos/440272.m3u8"]
</code></pre>
live_
Player supports playback for live stream transmissions (HLS, MPEG-DASH, MS Smooth Streaming). For such transmissions are additonal parameters, which improve user experience.
<ul>
<li>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.</li>
<li>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.</li>
<li>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.</li>
<li>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</li>
</ul>
Examples:
<pre><code>[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"]
</code></pre>
drm_
Player supports playback for DRM protected video – paid version of player downloaded from bradmax.com is required. Short codes for DRM configuration:
<ul>
<li>drm_prov: Type of provider. Mark “default” for enabling support DRMs for selected content. Available values: [‘default’, ‘ezdrm’, ‘keyos’]</li>
<li>drm_widevine_url: URL to Widevine DRM license server. It is required for decrypting Widevine protected videos.</li>
<li>drm_widevine_cust_data: Custom data in base64 encoded format for Widevine.</li>
<li>drm_playready_url: URL to MS PlayReady DRM license server. It is required for decrypting PlayReady protected videos.</li>
<li>drm_playready_cust_data: Custom data in base64 encoded format for MS PlayReady.</li>
<li>drm_fairplay_url: URL to FairPlay DRM license server. It is required for decrypting FairPlay protected videos.</li>
<li>drm_fairplay_cust_data: Custom data in base64 encoded format for FairPlay.</li>
<li>drm_fairplay_cert_url: URL to FairPlay certificate server.</li>
</ul>
Example:
<pre><code>[bradmax_video url="https://example.com/drm_protected_stream.mpd" drm_prov="default" drm_widevine_url="https://drm.example.com/license"]
</code></pre>

Bradmax Player

Embed video stream easily in WordPress using Bradmax Player. Use responsive HTML5 video player for playing HLS, MPEG-DASH, MSS streams.

FWD Video Player vs Bradmax Player