Bringing YouTube Videos to a Mobile World
summary
YouTube ported its HTML5 player to many phones, shipping concrete fixes: support for WebM and H.264 plus HLS for live adaptive streams, iframe embeds with a postMessage API and an allowfullscreen flag prep, and custom controls that replace inconsistent native UIs. Measurements show power: Flash high, hardware decode low, so prefer hardware codecs. Mobile disables autoplay/preload; workarounds use a user-initiated load then play with timeouts on Android. Test on real devices, automate with Selenium and visual barcode-based screen checks; use poster overlays, black backgrounds, overflow:hidden.
AI-written summary · about
chapters (12)
- 0:00Intro
- 0:21Greg Schechter The Web Warrior
- 2:13Playback Stats
- 5:40Power Consumption: H264 vs WebM
- 8:25Basic video tag
- 12:39Custom Controls Pro Tips
- 19:31Embeds Pro Tips
- 20:51Testing: The Old Fashioned Way
- 21:22Testing: With Software
- 22:29Testing: Automation Strategy
- 23:55Testing: Hardware Assistance
- 27:42Questions?
related talks
24mIt's time to rebuild your player with web components
20mStreaming video in the browser without patents
18mWeb Movements in China
43mModern Streaming Video for the Jamstack
16mHow to be a Player (on the Internet). The making of Yahoos universal JS media player.
30mOther browser APIs that are going to change video on the web
26mMobile HTML5: Device APIs and related APIs
53mBreaking Limits on Mobile HTML5