Databases
StackOverflow2013
Postsdbo
POiOS 4.2.1 Mobile Safari won't show poster image
Body
 

Note that there are some explanatory texts on larger screens.

plurals
  1. POiOS 4.2.1 Mobile Safari won't show poster image
    text
    copied!<p>I've been working on an iPad-specific site that uses HTML5 video and though I've got video playback working, I can't for the life of me get the poster image to appear. It looks fine on Desktop Safari. Here's the code:</p> <pre><code>&lt;video src="video/about_the_man.mp4" controls height=360 width=480 poster="video/posters/about_the_man.jpg"&gt;&lt;/video&gt; </code></pre> <p>I've using this link as a reference (listing 1.2): <a href="http://developer.apple.com/library/safari/#documentation/AudioVideo/Conceptual/Using_HTML5_Audio_Video/AudioandVideoTagBasics/AudioandVideoTagBasics.html#//apple_ref/doc/uid/TP40009523-CH2-SW6" rel="nofollow noreferrer">http://developer.apple.com/library/safari/#documentation/AudioVideo/Conceptual/Using_HTML5_Audio_Video/AudioandVideoTagBasics/AudioandVideoTagBasics.html#//apple_ref/doc/uid/TP40009523-CH2-SW6</a></p> <p>It says that on iOS the poster image will be shown until the user initiates playback, but right now all I'm getting is a black video-sized screen with a big play button in the center. I've looked at other postings on this top (<a href="https://stackoverflow.com/questions/3062915/how-do-i-disable-auto-poster-image-generation-on-the-video-tag">here</a> and <a href="https://stackoverflow.com/questions/3874154/ipad-html5-video-element-not-displaying-poster">here</a>) but neither solution has worked for me. The only thing that's a little bit unconventional about the site is that the video element is in an inline lightbox, so initially on pageload it's not visible, but I don't know why that would make a difference.</p> <p>Any thoughts?</p>
 

Querying!

 
Guidance
An individual column

Larger individual text columns get their own page to allow for proper reading.

SQuiL has stopped working due to an internal error.

If you are curious you may find further information in the browser console, which is accessible through the devtools (F12).

Reload