title: Phonegap inline video not working, with correct settings
body: <p>I want to have an inline video of my video hosted on a S3 bucket. I use a HTML video tag to achieve this and have changed the following settings, in <code>defaults.xml</code></p>
  
  <pre><code>&lt;!-- Preferences for iOS --&gt;
  &lt;preference name="AllowInlineMediaPlayback" value="true" /&gt;
  </code></pre>
  
  <p>If I build my Iphone app the <code>config.xml</code> file display this setting correctly:</p>
  
  <pre><code>&lt;?xml version='1.0' encoding='utf-8'?&gt;
  &lt;widget id="com.phonegap.helloworld" version="1.0.0" xmlns="http://www.w3.org/ns/widgets" xmlns:gap="http://phonegap.com/ns/1.0"&gt;
      &lt;preference name="AllowInlineMediaPlayback" value="true" /&gt;
  </code></pre>
  
  <p>In my app I have the following code: </p>
  
  <pre><code>&lt;div className="hub-videobox"&gt;
      &lt;video webkit-playsinline &gt;
          &lt;source src="https://s3-eu-west-1.amazonaws.com/mybucket/0rdrd88" type="video/mp4"/&gt;
      &lt;/video&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>I would expect that this would result in an inline video. However, the native video player is launched, and it plays fullscreen. Why is this happening? </p>
  
  <p>Thanks!</p>
  
  <p>Im using phonegap/cordova 4.2.0</p>