A basic partial re-implementation of the HTML5 <video> element, to explain the inner workings of video playback in a browser.
This is purely for demonstration purposes. Don't use this in production, use a real <video>
element instead.
▶️ <baby-video>
custom element behaves like a<video>
element- 🚰
BabyMediaSource
class behaves like aMediaSource
, allowing adaptive streaming - ⏪ Supports reverse playback through negative
playbackRate
- Demuxed 2022: Baby's first HTML5 video element
- Demuxed 2023: The curious player of Benjamin Button: reverse video on the web