About this plugin
js v10 player anywhere on your WordPress site.
Free features
- Media Library attachments and direct progressive URLs (MP4, WebM, OGV, MOV)
- Dual renderers: HTML (Video.js v10 web components) and React
- Chapters, A–B loop, playback speed, and Picture-in-Picture
- Theming: colors, border radii, aspect ratio, controls inside or outside the player
- Reusable Video custom post type
- Shortcode, Gutenberg block, Elementor, WPBakery, Divi, Beaver Builder, and Bricks
Shortcode examples
mp4"]
[lfvp_player video_id="123"]
[lfvp_player attachment_id="456"]
Upgrade to Pro
Logicfire Video Player Pro adds HLS adaptive streaming, S3 / CloudFront signed URLs, access control, captions, watermark, resume playback, playlists, analytics, Reels, and WooCommerce product trailers.
Source Code and Build Process
This plugin ships both generated (minified) front-end assets and the human-readable sources used to produce them. json, and scripts). node_modules/ is not distributed.
Generated assets and their sources
- assets/js/videojs-html/lfvp-html-boot-free.js — built from build/html/src/lfvp-html-boot-free.js (and build/html/src/lfvp-html-video-player.js, plus shared/features/ ) with esbuild ( build/html/build.mjs ).
- assets/js/lfvp-react-player.js and assets/css/lfvp-react-player.css — built from build/react/src/ (entry index.jsx ) with webpack ( build/react/webpack.config.js ).
Authored (not generated)
- assets/js/lfvp-player.js — HTML renderer controller (human-readable; long CSS rule strings for the Video.js shadow tree are intentional).
- assets/css/lfvp-player-html.css, assets/css/lfvp-video-title-overlay.css
- shared/features/*.js and other small modules under assets/js/
How to rebuild
js 18+ and npm. md.
- HTML boot: cd build/html && npm install && npm run build
- React player: cd build/react && npm install && npm run build
Third-party libraries
- Video.js v10 ( @videojs/html, @videojs/core, and related packages, version 10.0.0-beta.23) — Apache License 2.0 — https://github.com/videojs/v10 — bundled into the HTML boot and React player builds.
- React 18 — MIT — provided by WordPress as the wp-element script (not bundled). The React build includes only the JSX runtime license notice in assets/js/lfvp-react-player.js.LICENSE.txt.
js player for progressive playback; HLS adaptive streaming is a Pro feature.