Logicfire Video Player

Description

Logicfire Video Player embeds a modern Video.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

[lfvp_player url="https://example.com/video.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. Build tooling lives under build/ (sources, package.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

Requires Node.js 18+ and npm. See also build/README.md.

1. HTML boot: cd build/html && npm install && npm run build
2. 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.

The free plugin does not ship a full hls.js player for progressive playback; HLS adaptive streaming is a Pro feature.