HTML5 video on iOS5 not loading/showing

I have an HTML/JS app running in a webview in an iPad app. The app uses the HTML5 video tag. Videos work fine in iOS4.3 but today I've tested on iOS5 and the videos simply do not show up.

I have verified that it is not a layout related issue by setting background color and borders on the video element.

The same behaviour is evident irrespective of whether the app is run directly in mobile safari /from the home screen or within th开发者_如何学Pythone webview.

The template for the video is simply:

<video controls src='{url}'></video> //where {url} is substituted at runtime.

The relevant video url plays correctly directly in the mobile Safari on iOS5.

I have tried to proxy the app comms and it seems that it does start loading the video but then stops, no video controls show and only the background color I have set shows thru.

Any ideas would be greatly appreciated. Thanks.

Have you tried create an empty webview, without additional parameters and scripts and make sure that you call it only once? I had the same issue when i call it twice without clearing previously created one - just audio was played.

Try to look at http://blog.millermedeiros.com/2011/03/html5-video-issues-on-the-ipad-and-how-to-solve-them/ and see if the fix works for you...

he he - should have read the fine print - did not notice you had answered yourself - remember to tick the thread off as answered

I've fixed this in code by changing the width and height by a pixel once the video element is created. Must invoke a repaint or something to that effect