title: Playing multiple video simultaneously in HTML video tag in WebView
body: <p>I created a simple HTML page with multiple video tag &amp; trying to play all video simultaneously on native <code>WebView</code> of Android 4.2.2. However it is working on Chrome browser of Android 4.2.2. also  tried to <code>chrome-webview</code> bundle from GitHub in my application to use android-chrome <code>WebView</code> class object instead of native <code>webkit-engine/webview</code>. It display player on HTML page but any of video doesn't get played.</p>
  
  <p>I do not understand why this is happen because i have even tried <code>chrome-webview</code> code and get same result, please suggest me some solution or alternative for same.</p>
  
  <p>I can share my HTML code </p>
  
  <pre><code>&lt;!DOCTYPE html&gt;
  &lt;html&gt;
  &lt;head&gt;
    &lt;script&gt;
      function init() {
        enableVideoClicks();
      }
  
      function enableVideoClicks() {
        var videos = document.getElementsByTagName('video') || [];
        for (var i = 0; i &lt; videos.length; i++) {
          // TODO: use attachEvent in IE
          videos[i].addEventListener('click', function(videoNode) {
            return function() {
              videoNode.play();
            };
          }(videos[i]));
        }
      }
    &lt;/script&gt;
  &lt;/head&gt;
  &lt;body onload="init()"&gt;
  
  
    &lt;video src="movie1.mp4" poster = "l.jpg" width="400" height="300" autoplay controls loop&gt;&lt;/video&gt;
    &lt;video src="movie2.mp4" poster = "l.jpg" width="400" height="300" autoplay controls loop&gt;&lt;/video&gt;
    &lt;video src="movie3.mp4" poster = "l.jpg" width="400" height="300" autoplay controls loop&gt;&lt;/video&gt;
  
  
  
    ...
  
  &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>