<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...

Bruce

<p><a href="https://www.socialite-media.com/videojs-hls-player-for-wordpress" rel="nofollow ugc">Video.js HLS Player</a> is a user-friendly plugin that allows you to easily embed responsive/fluid (or fixed width) HLS videos into WordPress posts and pages using this customized video.js player. Embedding externally hosted .m3u8 HLS video files couldn’t be easier.</p>
<h4>Video.js HLS Player Features</h4>
<ul>
<li>Embed HLS video package into a post/page or anywhere on your WordPress site</li>
<li>Embed responsive videos for a better user experience while viewing from a mobile device</li>
<li>Embed HTML5 videos which are compatible with all major browsers</li>
<li>Embed videos with poster images</li>
<li>Embed videos using videojs player</li>
<li>Automatically play a video when the page is rendered</li>
<li>Embed fallback 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>Fallback for other HTML5-supported filetypes (MP4, WebM, Ogv)</li>
</ul>
<h4>Video.js HLS Player Plugin Usage</h4>
<p>In order to embed a video create a new post/page and use the following shortcode:</p>
<pre><code>[videojs_hls url="https://player.vimeo.com/external/xxxxxxxxx.m3u8"]
</code></pre>
<p>Here, “url” is the location of the HLS video package file.</p>
<h4>Video Shortcode Options</h4>
<p>The following options are supported in the shortcode.</p>
<p><strong>MP4</strong></p>
<p>You can specify an MP4 video file in addition to the source HLS video file. This parameter is optional.</p>
<pre><code>[videojs_hls url="https://player.vimeo.com/external/xxxxxxxxx.m3u8" mp4="http://example.com/wp-content/uploads/videos/myvid.mp4"]
</code></pre>
<p><strong>WebM</strong></p>
<p>You can specify a WebM video file in addition to the source HLS video file. This parameter is optional.</p>
<pre><code>[videojs_hls url="https://player.vimeo.com/external/xxxxxxxxx.m3u8" webm="http://example.com/wp-content/uploads/videos/myvid.webm"]
</code></pre>
<p><strong>Ogv</strong></p>
<p>You can specify a Ogv video file in addition to the source HLS video file. This parameter is optional.</p>
<pre><code>[videojs_hls url="https://player.vimeo.com/external/xxxxxxxxx.m3u8" ogv="http://example.com/wp-content/uploads/videos/myvid.ogv"]
</code></pre>
<p><strong>Width</strong></p>
<p>Defines the width of the video file (Height is automatically calculated). This option is not required unless you want to limit the maximum width of the video.</p>
<pre><code>[videojs_hls url="https://player.vimeo.com/external/xxxxxxxxx.m3u8" width="480"]
</code></pre>
<p><strong>Preload</strong></p>
<p>Specifies if and how the video should be loaded when the page loads. Defaults to “auto” (the video should be loaded entirely when the page loads). Other options:</p>
<ul>
<li>“metadata” – only metadata should be loaded when the page loads</li>
<li>
<p>“none” – the video should not be loaded when the page loads</p>
<p>[videojs_hls url=”https://player.vimeo.com/external/xxxxxxxxx.m3u8″ preload=”metadata”]</p>
</li>
</ul>
<p><strong>Controls</strong></p>
<p>Specifies if video controls should be displayed. Defaults to “true”. In order to hide controls set this parameter to “false”.</p>
<pre><code>[videojs_hls url="https://player.vimeo.com/external/xxxxxxxxx.m3u8" controls="false"]
</code></pre>
<p>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>
<p><strong>Autoplay</strong></p>
<p>Causes the video file to automatically play when the page loads.</p>
<pre><code>[videojs_hls url="https://player.vimeo.com/external/xxxxxxxxx.m3u8" autoplay="true"]
</code></pre>
<p><strong>Poster</strong></p>
<p>Defines image to show as placeholder before the video plays.</p>
<pre><code>[videojs_hls url="https://player.vimeo.com/external/xxxxxxxxx.m3u8" poster="http://example.com/wp-content/uploads/poster.jpg"]
</code></pre>
<p><strong>Loop</strong></p>
<p>Causes the video file to loop to beginning when finished and automatically continue playing.</p>
<pre><code>[videojs_hls url="https://player.vimeo.com/external/xxxxxxxxx.m3u8" loop="true"]
</code></pre>
<p><strong>Muted</strong></p>
<p>Specifies that the audio output of the video should be muted.</p>
<pre><code>[videojs_hls url="https://player.vimeo.com/external/xxxxxxxxx.m3u8" muted="true"]
</code></pre>
<p><strong>iOS Inline</strong></p>
<p>Force the video to play inline on iOS 10+</p>
<pre><code>[videojs_hls url="https://player.vimeo.com/external/xxxxxxxxx.m3u8" inline="true"]
</code></pre>
<p>For detailed documentation please visit the <a href="https://www.socialite-media.com/videojs-hls-player-for-wordpress" rel="nofollow ugc">Video.js HLS Player</a> plugin page</p>


Video.js HLS Player

Perfect

Easily embed responsive/fluid (or fixed width) HLS videos into WordPress posts and pages using this customized video.js player.

FWD Video Player vs Video.js HLS Player