Umut Yaldız logo
Umut YaldızLead Frontend Dev
hopevideojsVideo Player2024active

HopeVideoJS

Free and customizable Video.js player solution

§ Overview

A flexible, modern HTML5 video player built on top of Video.js. Production-grade, open source, and packed with plugins for ads, gestures, geo-checking, segments, markers and live streaming. Designed for media companies that need a player that just works.

§ Stack

Video.js
TypeScript
Rollup
Tailwind v4
HLS.js

§ Features

What's inside.

01

Google Ads / DAI

IMA SDK + SCTE-35 server-side ad insertion ready.

02

Gesture Controls

Tap, swipe and double-tap interactions for mobile.

03

Geo Checker

Region-aware playback with custom restriction screens.

04

Sticky Player

Mini-player on scroll with smooth state preservation.

05

Auto Translate

Live caption translation via plugin pipeline.

06

Pre-Screen / Redirect

Custom intro screens and redirect handling.

07

Markers & Segments

Visual chapter markers and clipped segment playback.

08

Sprite Thumbnails

Hover-scrub previews with cached sprite loading.

09

Error Overlay

Localized error screens with recovery actions.

10

Live & Countdown

Live edge tracking and pre-event countdowns.

11

Quality Selector

Custom MenuButton for resolution switching.

12

Cross-browser HLS

Safari native + HLS.js fallback unified.

§ Demos

Live examples.

Each demo highlights a specific capability of HopeVideoJS. Click any to open in a new tab.

Next project

Magnifier

View case study