Video Player Customizer

You're in! Free access to the player can be found on this page! 🥳

Below is the Video Player Customizer (free version). (keep scrolling)

To the right you will see an A to Z tutorial on how to use it.

If you wanted the video player premium version (without my branding on the bottom right of the video), then you can get it for a one-time fee in the "lifetime access" button below.

Get Lifetime access here

You can absolutely just use the free version too, indefinitely, without any restrictions.

Enjoy!

Eran Bucai

Share this tool with a friend!

Custom Video Player — Code Generator

Loading…

MP4 URL Player width (px or %) Thumbnail URL (poster image, optional) Start volume (0–100)

Progress / Accent

Play button colour

Timer colour

Font

Play button style Play button animation

Countdown position Countdown mode

Chapter chip (top-right) Chapter text colour

Chapters (one per line: mm:ss - Title / leave empty for no chapters)

00:00 - Intro – Why Customize Your Video Player
00:24 - Default Systeme.io Video Player (Before)
00:56 - Customized Video Player (After)
01:23 - Adding Chapters to Your Video
02:09 - Step 1: Setting Up Google Sheets
03:24 - Uploading Video & Thumbnail in Systeme.io
05:07 - Getting Video & Image URLs
06:28 - Preparing for the Customizer
06:56 - Adding Video & Thumbnail to the Customizer
07:16 - Importing Chapters into the Player
08:04 - Chapters Panel Options
08:31 - Chapter Display & Navigation Options
09:04 - Adjusting Player Width & Volume Settings
09:23 - Customizing Play Button & Progress Bar
10:23 - Changing Timer & Chapter Countdown
11:12 - Hiding Chapters/Progress for Webinars
11:43 - Play Button Animations & Styles
12:36 - Playback, Controls & Navigation Options
13:09 - Autohide Controls Feature
13:53 - Timer & Chapter Chip Placement Options
14:35 - Saving Presets & Exporting JSON
15:29 - Free vs. Premium Branding
16:51 - Enhanced Video Protection & Security
18:09 - How to Get Free Access to the Player

Start chapters collapsed Smooth scroll to player after chapter click Hide progress bar Show fullscreen Show -10 / +10 Auto-hide controls Auto-hide delay

Presets

DCT branding Upgrade

(Preview updates as you go; click if it falls behind.)

Live Preview

Copy this code into a new Custom HTML block: