Back to Projects
Open Source LibraryHTML5 & Media API

SopPlayer — Ultra-Lightweight HTML5 Video Player (1.18M+ CDN Requests)

A minimalist, zero-dependency HTML5 media player designed for instant web embedding, customizable CSS skinning, and frictionless CDN delivery.

GitHub Repository jsDelivr Usage Proof

1.18M+

CDN Requests (jsDelivr)

38 GB+

Bandwidth Delivered

0

External Dependencies

< 15 KB

Minified Bundle Footprint

1. The Problem: Heavy Media Player Bloat

Standard web video player libraries (e.g. Video.js, JW Player) often exceed 100KB–200KB in minified JavaScript bundle size, introduce complex lifecycle state managers, and require cumbersome build configuration just to embed a styled video player.

SopPlayer was built to eliminate this overhead: a plug-and-play, zero-dependency Vanilla JS player packaged in less than 15KB that works directly in standard browsers with a single CDN script tag.

2. Integration & Architecture

SopPlayer mounts declaratively via HTML5 data attributes without requiring modern JS bundling pipelines:

<!-- Single-line CDN inclusion -->
<script src="https://cdn.jsdelivr.net/gh/sh20raj/sopplayer/dist/sopplayer.min.js"></script>

<!-- Declarative HTML5 Video Mount -->
<video class="sopplayer" controls data-setup='{"playbackRates": [0.5, 1, 1.5, 2]}'>
  <source src="video.mp4" type="video/mp4" />
</video>
Custom Media Controls

Smooth seek scrubbing, dynamic buffered progress indicators, audio volume slider, and playback rate selectors.

Cross-Browser Native APIs

Seamless abstraction over Picture-in-Picture API, WebKit Fullscreen API, and mobile touch gestures.

3. Global CDN Scale (1.18M+ Requests)

Distributed globally across edge content delivery networks (jsDelivr / GitHub Releases), SopPlayer recorded:

  • 1,183,451+ verified HTTP requests served to websites globally.
  • 38+ GB of cached JavaScript/CSS assets transferred with sub-millisecond edge latency.
  • Ranked in jsDelivr popularity tiers for open-source media utilities.

4. Engineering Takeaway

Zero-dependency software wins on speed and developer experience: By building directly against standard browser Web APIs without framework layers, SopPlayer delivered extreme performance, durability, and frictionless adoption across millions of page views.