<p><strong>FWD Video Player</strong> 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.</p>
<p>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.</p>
<p><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></p>
<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>
<p>Basic example:</p>
<p>[fwduvp preset_id=”skin_minimal_dark” playlist_id=”main_playlist_1″ start_at_playlist=”0″ start_at_video=”0″]</p>
<p>Common shortcode attributes:<br />
– preset_id: Required preset configuration ID.<br />
– playlist_id: Required main playlist ID/name created in the admin.<br />
– start_at_playlist: Optional start playlist index.<br />
– start_at_video: Optional start video index.</p>
<h3>External services</h3>
<p>This plugin uses the following third-party/external services:</p>
<ol>
<li>Google Analytics (Google Tag Manager script)</li>
</ol>
<p>– What it is used for: optional playback analytics/events.<br />
– When it is used: only if a Google Analytics Measurement ID is configured.<br />
– What data is sent: playback analytics event data.<br />
– Service provider: Google.<br />
– Terms of service: https://policies.google.com/terms<br />
– Privacy policy: https://policies.google.com/privacy</p>
<ol>
<li>YouTube Data API v3</li>
</ol>
<p>– What it is used for: loading YouTube metadata for configured YouTube sources.<br />
– When it is used: when a YouTube source is configured.<br />
– What data is sent: configured YouTube identifiers and API key from browser requests.<br />
– Service provider: Google (YouTube).<br />
– Terms of service: https://www.youtube.com/t/terms<br />
– Privacy policy: https://policies.google.com/privacy</p>
<ol>
<li>YouTube IFrame Player API</li>
</ol>
<p>– What it is used for: embedded playback/control of YouTube videos.<br />
– When it is used: when current source is YouTube.<br />
– What data is sent: browser connections to YouTube player/video resources.<br />
– Service provider: Google (YouTube).<br />
– Terms of service: https://www.youtube.com/t/terms<br />
– Privacy policy: https://policies.google.com/privacy</p>
<ol>
<li>Vimeo Player API</li>
</ol>
<p>– What it is used for: embedded playback/control of Vimeo videos.<br />
– When it is used: when current source is Vimeo.<br />
– What data is sent: browser connections to Vimeo player/video resources.<br />
– Service provider: Vimeo.<br />
– Terms of service: https://vimeo.com/terms<br />
– Privacy policy: https://vimeo.com/privacy</p>
<ol>
<li>Google IMA SDK</li>
</ol>
<p>– What it is used for: ad delivery flows (IMA/DoubleClick/VAST/VMAP).<br />
– When it is used: when ad features that require IMA are enabled.<br />
– What data is sent: ad request/playback context data from browser.<br />
– Service provider: Google.<br />
– Terms of service: https://policies.google.com/terms<br />
– Privacy policy: https://policies.google.com/privacy</p>
<ol>
<li>Google Cast Sender SDK (Chromecast)</li>
</ol>
<p>– What it is used for: Chromecast sender support.<br />
– When it is used: when Chromecast feature is enabled and available.<br />
– What data is sent: cast session/media-cast data from browser/device.<br />
– Service provider: Google.<br />
– Terms of service: https://policies.google.com/terms<br />
– Privacy policy: https://policies.google.com/privacy</p>
<ol>
<li>Google Fonts API</li>
</ol>
<p>– What it is used for: loading Roboto font used by player styles.<br />
– When it is used: when plugin stylesheet is loaded.<br />
– What data is sent: font CSS/font file requests from browser.<br />
– Service provider: Google.<br />
– Terms of service: https://policies.google.com/terms<br />
– Privacy policy: https://policies.google.com/privacy</p>
<ol>
<li>Social sharing endpoints (Facebook, X/Twitter, LinkedIn, Buffer, Reddit, Tumblr, Digg)</li>
</ol>
<p>– What it is used for: opening social share windows.<br />
– When it is used: when visitor clicks share buttons.<br />
– What data is sent: current page URL to selected sharing service.</p>
<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>
<p>This plugin’s full source code is publicly available for transparency and verification.<br />
Developed and maintained by <a href="https://fwdapps.net" rel="nofollow ugc">FutureWebDesign</a>.</p>
<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...

ROOT SECTOR

<p>HLS Player Video Plugin: Streamline your WordPress with the definitive HLS video embedding solution. Powered by the acclaimed Video.js player, this plugin guarantees an exceptional viewing experience.</p>
<p>Key Features:<br />
* <strong>Effortless Integration</strong>: Embed HLS videos anywhere on your site with ease.<br />
* <strong>Adaptive Design</strong>: Provides a seamless viewing experience on all devices.<br />
* <strong>Universal Compatibility</strong>: Ensures full HTML5 support across all browsers.<br />
* <strong>Visual Appeal:</strong> Customize with video posters for an engaging look.<br />
* <strong>Instant Play</strong>: Auto-playback for immediate engagement.<br />
* <strong>Backup Options</strong>: Embed fallback videos directly from your media library.<br />
* <strong>Simple Installation</strong>: Get started quickly without complex configurations.<br />
* <strong>Performance-Focused</strong>: Lightweight build for fast site performance.<br />
* <strong>Modern Interface</strong>: Enjoy a sleek, watermark-free video player.<br />
* <strong>Versatile Playback</strong>: Supports a range of HTML5 video formats.<br />
* <strong>Accessibility Features</strong>: Include captions and subtitles for a wider audience.<br />
* <strong>Multilingual Support</strong>: Offers captions in various languages.<br />
* <strong>Designed for flexibility</strong>, the WordPress HLS Player Plugin simplifies embedding both local and external .m3u8 or .mpd HLS files. It’s tailored for both responsive and fixed-width layouts, ensuring a straightforward embedding process.</p>
<p>Elevate your WordPress site with the HLS Player Video Plugin – the pinnacle of professional-grade video streaming.</p>
<h3>HLS Player Plugin Usage</h3>
<p>To embed a video, create a new post/page and use the following shortcode:</p>
<pre><code>[hls_player url="https://example.com/path/to/video_playlist.m3u8"]
</code></pre>
<p>Specify the “url” parameter with the location of the HLS video package file. Supported formats include .m3u8 (application/x-mpegURL), .mpd (application/dash+xml), and .mp4 (video/mp4).</p>
<h4>Video Shortcode Options</h4>
<h3>General Options</h3>
<p><strong>class</strong>: Define the Video.js player’s CSS class (Default: video-js). Additional classes listed at https://videojs.com/guides/layout/#classes</p>
<pre><code>[hls_player url="https://example.com/path/to/video_playlist.m3u8" class="video-js vjs-fluid vjs-16-9"]
</code></pre>
<p><strong>width</strong>: Defines the width of the video file.</p>
<pre><code>[hls_player url="https://example.com/path/to/video_playlist.m3u8" width="480"]
</code></pre>
<p><strong>height</strong>: Defines the height of the video file.</p>
<pre><code>[hls_player url="https://example.com/path/to/video_playlist.m3u8" height="264"]
</code></pre>
<p><strong>controls</strong>: Specify whether video controls should be displayed (Default: “true”). Use “false” to hide controls. When you disable controls users will not be able to interact with your videos. So It is recommended that you enable autoplay for a video with no controls.</p>
<pre><code>[hls_player url="https://example.com/path/to/video_playlist.m3u8" controls="false"]
</code></pre>
<p><strong>preload</strong>: Specify how the video should be loaded when the page loads (Default: “auto”). Options include “metadata,” “none,” and “auto.”<br />
“metadata” – Load only the meta data of the video, which includes information like the duration and dimensions of the video. Sometimes, the meta data will be loaded by downloading a few frames of video.<br />
“none” – Don’t preload any data. The browser will wait until the user hits “play” to begin downloading.</p>
<pre><code>[hls_player url="https://example.com/path/to/video_playlist.m3u8" preload="metadata"]
</code></pre>
<p><strong>autoplay</strong>: Cause the video to play automatically when the page loads. Instead of using the autoplay attribute you maybe need to pass an autoplay option to videojs_custom_options_json. https://videojs.com/guides/options/#autoplay</p>
<pre><code>[hls_player url="https://example.com/path/to/video_playlist.m3u8" autoplay="true"]
</code></pre>
<p><strong>loop</strong>: Make the video loop to the beginning when finished and automatically continue playing.</p>
<pre><code>[hls_player url="https://example.com/path/to/video_playlist.m3u8" loop="true"]
</code></pre>
<p><strong>poster</strong>: Define an image as a placeholder before the video plays.</p>
<pre><code>[hls_player url="https://example.com/path/to/video_playlist.m3u8" poster="http://example.com/wp-content/uploads/poster.jpg"]
</code></pre>
<p><strong>muted</strong>: Specify that the audio output of the video should be muted.</p>
<pre><code>[hls_player url="https://example.com/path/to/video_playlist.m3u8" muted="true"]
</code></pre>
<p><strong>captions</strong>: Add captions or subtitles to the video in multiple languages. Provide the captions in the format:</p>
<pre><code>"path/to/captions1.vtt|lang1|label1|default,path/to/captions2.vtt|lang2|label2"
</code></pre>
<p>path/to/captions: The URL or path to the VTT file containing the subtitles.<br />
lang: The two-character language code, followed by a hyphen and an optional country code (e.g., en, de, en-US, de-DE).<br />
label: A user-friendly label for the caption (e.g., “English”, “German”).<br />
default: (Optional) Use this keyword to specify which caption should be enabled by default when the video is loaded.</p>
<pre><code>[hls_player url="https://example.com/path/to/video_playlist.m3u8" captions="https://example.com/path/to/captions-en.vtt|en-EN|English|default,https://example.com/path/topath/to/captions-de.vtt|de-de|German"]
</code></pre>
<p><strong>videojs_custom_options_json</strong>: JSON format string for custom options (https://videojs.com/guides/options/) for the video.js player.</p>
<pre><code>[hls_player url="https://example.com/path/to/video_playlist.m3u8" videojs_custom_options_json='{"autoplay": "muted"}']
or
[hls_player url="https://example.com/path/to/video_playlist.m3u8" videojs_custom_options_json='{"autoplay": true,"liveui": true,"liveTracker": {"trackingThreshold": 8}}']
</code></pre>
<h3>Get more advanced features with HLS Player PRO</h3>
<h3>AWS CloudFront Integration</h3>
<p><strong>=> Global Reach</strong>: Utilize the expansive AWS CloudFront network for low-latency streaming across the globe.<br />
<strong>=> Enhanced Security</strong>: Protect your content with CloudFront Signed Cookies, ensuring that only authorized viewers can access your videos. This feature is particularly useful for preventing unauthorized sharing and downloads, as it ties the video access to specific, signed cookies that are difficult to replicate or redistribute.<br />
<strong>=> Simplified Configuration</strong>: Follow our easy-to-understand instructions to set up CloudFront and implement signed cookies, making your videos secure and your setup hassle-free.</p>
<h3>AWS Kinesis Video Streams Integration</h3>
<p><strong>=> Flexible Streaming</strong>: Leverage AWS Kinesis Video Streams for both live and on-demand video streaming.<br />
<strong>=> Direct Downloads</strong>: Enable users to download clips directly from the player, enhancing the viewer experience.</p>
<h3>Subscription Management</h3>
<p><strong>=> Integrated Solution</strong>: Combine aMember and WordPress roles for efficient subscription management.<br />
<strong>=> Exclusive Content</strong>: Offer videos exclusively to active subscribers, adding value to your membership packages.</p>
<h3>Analytics Integration</h3>
<p><strong>=> In-depth Tracking</strong>: Support for Google Tag Manager and Google Analytics allows you to monitor detailed video statistics.<br />
<strong>=> Viewer Insights</strong>: Gain insights into playback duration and user engagement, helping you to optimize your content strategy.</p>
<h3>Streaming Optimization</h3>
<p><strong>=> Effortless Conversion</strong>: Transform .mp4 files into the .m3u8 format with ease, using our tools for Windows or macOS.<br />
<strong>=> Comprehensive Guides</strong>: Benefit from our in-depth guides for video file conversion, AWS S3 and CloudFront configuration and AWS Kinesis Video Stream integration, ensuring a smooth setup process.</p>
<p><a href="https://hls-player-pro.root-sector.com/" rel="nofollow ugc">Check out HLS Player PRO ></a></p>


HLS Player

HLS Player is a lightweight HTTP Live Streaming player for WordPress, using video.js for easy embedding HLS videos into posts and pages.

FWD Video Player vs HLS Player