title: How to play Inline Video in Iphone Phonegap
body: <p>I'm creating an app using Phonegap, and it has to have inline videos. When I put the code for inline videos, it works great on iPads, but it doesn't work on iPhones. On an iPhone, it just automatically fullscreens it. I've tried putting in a preference pane in the config.xml file, but it still doesn't work. Here's the code:</p>
  
  <p>config.xml</p>
  
  <pre><code>&lt;preference name="AllowInlineMediaPlayback" value="true" /&gt;
  </code></pre>
  
  <p>index.html</p>
  
  <pre><code>&lt;video width="95%" style="display: block; margin: auto; margin-top: 10%;border: 1px inset #bbbbbb;" autoplay="" id="video" webkit-playsinline&gt;
          &lt;source src="used_files/lesson2_1.mp4" type="video/mp4" id="video"&gt;
          Your browser does not support the video tag.
  &lt;/video&gt;
  </code></pre>