Modern Streaming Video for the Jamstack
summary
74% of marketers report better ROI from video and the talk shows three concrete delivery options with examples. YouTube gives wide distribution but forces ads and recommended links away from the site. MP4 plays natively everywhere but buffers under fast 3G in the demo, so it suits short/background clips. HLS transcodes to chunked bitrates and adapts every 5–8 seconds; demo uses react-hls-player in a Tailwind React app and ImageX serving via fm=hls URL param with multi-CDN (Fastly, Cloudflare).
AI-written summary · about
chapters (11)
- 0:00Introduction to modern video
- 1:05Using YouTube in Jamstack
- 4:16Why not use YouTube
- 7:04MP4 videos in Jamstack
- 10:34MP4 pitfalls and solutions
- 14:03HLS streaming explained
- 15:50MP4 vs HLS comparison
- 18:46ImageX video API demo
- 19:07Building HLS player in React
- 23:18Recap and best practices
- 25:24Q&A on video streaming
related talks
24mVideo streaming on the web: Live and recorded video streaming
41m“The Upside Down” Of The Web: Video technologies
19mUser-friendly video playback on the web
32mDelivering Native Video Experiences in React Apps
30mOther browser APIs that are going to change video on the web
20mStreaming video in the browser without patents
41mDelivering video that doesn’t break the bank
15mUsing The Power of Edge Compute To Enhance Streaming Delivery