How Video Works: A Dive into the Biggest Thing on the Internet & Why You Should Care
summary
Pressing play triggers an HTML5 video tag to fetch an m3u8 manifest, the player uses adaptive streaming to request short five-second segments over HTTP CDNs, measured by tools like video.js and ffprobe, often packaged as MPEG‑TS and encoded with h.264 (over 90% of web video). Transcoding unpacks, decodes to raw YUV, applies transforms, re‑encodes and segments; players buffer and feed decoder chips. Pixel math ties required resolution to viewing distance via arc‑minute visual acuity, explaining why 4K (~4000px) is already sufficient.
AI-written summary · about
chapters (24)
- 0:00Start
- 0:33Credentials
- 1:46Why You Should Care about Video
- 2:00Why Should You Care about Video
- 2:36Video Is What Humans Do
- 5:07How Does Video Work
- 7:08Why Does Writing Move from Left to Right
- 9:03The Video Tag Html5
- 11:14Manifest File
- 11:51Adaptive Streaming
- 12:52How Is the Video Compressed
- 15:29Full Screen Video
- 17:43Law of Vertical
- 22:49Mpeg-Ts
- 23:27Video Formats
- 25:32How Humans See
- 25:47What Is the Smallest Thing You Can See
- 26:30Determine What Is the Right Pixel Density for Good Quality Video
- 29:42At What Point Was a Video Kodak Good Enough To Achieve Good Quality
- 31:35Audio
- 32:31Transcoding
- 35:30Playback
- 37:18What Even Is Color
- 41:10Tetrachromacy
related talks
41m“The Upside Down” Of The Web: Video technologies
24mVideo streaming on the web: Live and recorded video streaming
47mHow a Modern Video Player Works
30mOther browser APIs that are going to change video on the web
19mUser-friendly video playback on the web
20mStreaming video in the browser without patents
49mVideo Killed My Data Plan: Delivering Video that Doesn't Break the Web
26mOptimizing Video Performance for Web Developers