HTML5 video tag on iPhone OS 3 is appearing outside a layer that has overflow: hidden;

Question

I have an HTML5 video tag in a layer that has 'overflow: hidden;' set on it, but the video shows up outside the overflow area. It's essentially an accordion control, so the layer the video is in will be closed by default, and then when activated it will open up with a little slide down animation. Unfortunately, because the video isn't respecting the overflow property, the play button is always visible, and actually sits on top of other controls on the site. Does anyone know a way around this? I've tried adjusting z-index for the video tag, but without success.

Note: this seems to only be an issue with iPhone OS (or iOS) 3 and lower, as the new iOS 4 doesn't have this same problem.

Answer 1

It's quite possible that it's just not implemented in the old version. Occluding video results in quite a bit of extra processing (especially if the video decoding is hardware accelerated). If putting an absolutely positioned element on top of the video doesn't work either, I'd say you're just out of luck.

Why are you worrying about old versions by the way? Doesn't Apple push updates to their users properly? (I avoid Apple so I wouldn't know)