title: PhoneGap inline html5 video black flash before video starts
body: <p>I have a HTML5 video that flashes black only when compiled through phonegap. When the video starts, there's a black flash between the poster and the first frame of the video. The flash lasts between 0.5 seconds and 5 seconds. When I take the exact same page and just run it in a browser instead of phonegap, it plays seamlessly from the poster to the video. </p>
  
  <p>If I play the video once and come back to it, there is no flash, it's only the first time. I've tested this while waiting for a sufficient amount of time for the videos to be loaded completely, so it's not that they aren't loaded all the way yet.</p>
  
  <p>I can think of a few hacks to fix this, but I'm hoping there is a clean solution to this. </p>
  
  <p>Javascript:</p>
  
  <pre><code>onVideoExit()
  videoElement.currentTime = 0;
  videoElement.pause();
  
  onVideoEnter()
  videoElement.play();
  </code></pre>
  
  <p>HTML:</p>
  
  <pre><code>&lt;div&gt;
      &lt;video  width="140" height="210" webkit-playsinline preload&gt;
          &lt;source src=http://www.w3schools.com/html/mov_bbb.mp4 type="video/mp4"&gt;
      &lt;/video&gt;
  
  &lt;/div&gt;
  </code></pre>
  
  <p>config.xml:</p>
  
  <pre><code>&lt;preference name="AllowInlineMediaPlayback" value="true" /&gt;
  </code></pre>