I ran into a frustrating one recently while building a hero section for an agency project.
The design called for a transparent background video. Looked perfect on Chrome. Clean, crisp, exactly what the designer intended.
Then I checked it on iOS Safari. Massive black box. The entire transparent video just rendered as a solid black rectangle.
I tried exporting different WebM encodings. Tried fallback background colours. Tried CSS mix-blend-mode hacks. Even checked if it was a strict iOS autoplay restriction. Nothing worked.
Turns out Safari flat out refuses to support WebM alpha channels. For transparent video on Apple devices, it demands HEVC encoding with an alpha channel, served in a QuickTime container.
Re-encoded the video, added it as a fallback source alongside the WebM, and it worked immediately.