Android and iPhone HTML5 Video Poster Image

I’m experiencing a few problems on a jQuery mobile framework site I’m developing. The issue is that the poster image (the top button here) is not visible on iPhones. Instead the user sees a black bar. I’ve tried using an outer div with a background image, the normal poster image, and an image element between the video element. Unfortunately, none of these attempts have worked. Any direction would be most appreciated!