title: HTML <video> placeholder is black on ipad. Can we change it?
body: <p>I must place a <code>&lt;video&gt;</code> element in a web page. When accessed from the ipad, the page displays a black placeholder until the visitor hits the play button.</p>
  
  <p>Is it possible to make it white, like one would normally do "background-color: white" in css?</p>
  
  <p>edit: A 'hack' to work this around: Cover the video with an opaque <code>.shield</code> layer and have a <code>.play</code> button to start the vid.</p>
  
  <pre><code>        $('#intro_video .play').selectable({
  
              start: function(){
  
                  $('#intro_video .play').fadeOut();
                  $('#vid').get(0).play();
  
                  setTimeout(function(){
  
                      // See HACK03
                      $('#intro_video .shield').fadeOut('slow');
                  }, 200);
              }       
          });
  </code></pre>
  
  <p>Can be nice to wrap inside a browser check to only affect mobile Safari:</p>
  
  <pre><code>if (navigator.userAgent.match(/(iPod|iPhone|iPad)/)) { ... }
  </code></pre>
  
  <p>Thanks,</p>