title: use webkit-playsinline in javascript
body: <p>How do I use webkit-playsinline in javascript instead of in html5 video tag? I want to use it just like using video tag control/autoplay attribute in javascript or if you guys have any other method that is working? I'm working on a PhoneGap iOS app that stream video.</p>
  
  <p>Below is some approach that I have tried but none are working:</p>
  
  <blockquote>
    <p>videoPlayer.WebKitPlaysInline = "webkit-playsinline";
    videoPlayer.WebKitPlaysInline = "WebKitPlaysInline";
    videoPlayer.webkit-playsinline = "webkit-playsinline";
    videoPlayer.WebKitPlaysInline = "true";
    videoPlayer.WebKitPlaysInline = true;
    videoPlayer.webkit-playsinline = "true";
    videoPlayer.webkit-playsinline = true;</p>
  </blockquote>
  
  <p>My current code(js):</p>
  
  <pre><code>function loadPlayer() {
      var videoPlayer = document.createElement('video');
  videoPlayer.controls = "controls";
      videoPlayer.autoplay = "autoplay";
      videoPlayer.WebKitPlaysInline = true;
      document.getElementById("vidPlayer").appendChild(videoPlayer);
      nextChannel();
  }
  </code></pre>
  
  <p>My current code(html):</p>
  
  <pre><code>&lt;body onload="loadPlayer(document.getElementById('vidPlayer'));"&gt;&lt;!-- load js function --&gt;
  
  &lt;li&gt;&lt;span class="ind_player"&gt;&lt;div id="vidPlayer"&gt;&lt;/div&gt;&lt;/span&gt;&lt;/li&gt;&lt;!-- video element creat here --&gt;
  </code></pre>
  
  <p>Any helps are much appreciate. Thanks.</p>