title: Video not playing on android webview
body: <p>I am working with an Android and PhoneGap application and am using the HTML5 video tag to play videos on my web page. When I play the video  is not visible and video is not playing itself. How can I play a HTML5 video on Android?</p>
  
  <p>Code for the same given below</p>
  
  <pre><code>&lt;!DOCTYPE HTML&gt;
  &lt;html&gt;
      &lt;head&gt;
      &lt;script type="text/javascript" charset="utf-8" src="cordova-1.8.1.js"&gt;&lt;/script&gt;
          &lt;meta http-equiv="content-type" content="text/html; charset="&gt;
          &lt;title&gt;&lt;/title&gt;
      &lt;/head&gt;
      &lt;body &gt;
  
  
          &lt;video id="video" autobuffer height="240" width="360" onclick="this.play();&gt;
  &lt;source src="test.mp4"&gt;
  &lt;source src="test.mp4" type="video/webm"&gt;
  &lt;source src="test.mp4" type="video/ogg"&gt;
  &lt;/video&gt;
  
          &lt;div id="msg"&gt;&lt;/div&gt;
  
  &lt;script type="text/javascript"&gt;
  
  &lt;/script&gt;
  
      &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>
  
  <p>and the activity class onCreate method-->></p>
  
  <pre><code>public void onCreate(Bundle savedInstanceState) {            
          super.onCreate(savedInstanceState);
          setContentView(R.layout.activity_main);
          final WebView webView = (WebView) findViewById(R.id.webview);
          WebSettings webSettings = webView.getSettings();
          webSettings.setLayoutAlgorithm(LayoutAlgorithm.NARROW_COLUMNS); 
  
          webView.getSettings().setJavaScriptEnabled(true);
  
          webSettings.setBuiltInZoomControls(true);
          webSettings.setPluginState(PluginState.ON);
  
          webView.getSettings().setPluginsEnabled(true);
          webSettings.setAllowFileAccess(true);
  
          webView.loadUrl("file:///android_asset/www/html5videoEvents.html");      
  }
  </code></pre>