title: html5 video tag failed to play .mp4 videos in phonegap android with cordova 2.9.0 and jquery1.9.0 ?
body: <p>i am trying to play local video files already added in my project path : <strong>ASSETS/WWW/VIDEOS/xyz.mp4</strong>   now using  tag but getting alert:
  <img src="https://i.stack.imgur.com/xGwK6.png" alt="errror on playing video"></p>
  
  <p>i have added code in <strong>HTML</strong>:</p>
  
  <pre><code>&lt;!DOCTYPE html&gt;
     &lt;html&gt;
      &lt;head&gt;
      &lt;meta charset="utf-8"&gt;
  
      &lt;meta name="viewport" content="width=device-width, initial-scale=1"&gt;
      &lt;body&gt;
      &lt;div data-role="page" data-theme="a" class="my-page" id="video"&gt;
                  &lt;video id="video_player" src="#" controls="controls"&gt;&lt;/video&gt;
             &lt;/div&gt;
      &lt;/body&gt;
  &lt;/html&gt;
  **in js:**
  
  
   $(document).on('pagebeforeshow',"#video", function () {
              xyz = document.getElementById('video_player');
              alert("values xyz:" + xyz);
              xyz.src = data[curYear].video.url;
             alert("xyz after src:" +  xyz.src);
              xyz.play();
              });
  </code></pre>
  
  <p><img src="https://i.stack.imgur.com/K20hk.png" alt="image of 1st alert"></p>
  
  <p><img src="https://i.stack.imgur.com/Y6A4s.png" alt=" image of 2nd alert"></p>