title: Html5 video local is not working in Android webview
body: <p>I am played the html5 video from html5 content in webview android . It works fine.Video is keep playing i moved to the another activity. So the video activity is finished . Then I came to the video activity and play the video, the video is not playing . It show the thumbnail of the video .I click the play icon of the video.But the video is not playing .It again show the thumbnail of the video .I follow the code here Video plays only once in Webview of Android . please help me </p>
  
  <p>Here is my HTML code:</p>
  
  <p><strong>HTML</strong></p>
  
  <pre><code>&lt;body onload="func()"&gt;
      &lt;video id='video' src='video/real.mp4' controls /&gt;&lt;/video&gt;
      &lt;div class="video_player"&gt;
          &lt;img id="image" src="video/vid.jpg" onclick="playVideo()" style="width:100%;height:100%"/&gt;
      &lt;/div&gt;
  </code></pre>
  
  <p><strong>script</strong></p>
  
  <pre><code>    &lt;script type="text/javascript"&gt;
          function func(){
              document.getElementById("video").style.display="none";
  
          }
  </code></pre>
  
  <p>** Function for play video **</p>
  
  <pre><code>        function playVideo(){
              var myVideo = document.getElementById("video");
              myVideo.style.display="block";
              document.getElementById("image").style.display="none";
  
              new MediaElement('video', {
                  enablePluginDebug: false,
                  plugins: ['flash','silverlight'],
                  type: '',
                  pluginPath: 'js/johndyer-mediaelement-c4dae2f/',
                  flashName: 'flashmediaelement.swf',
                  silverlightName: 'silverlightmediaelement.xap',
                  defaultVideoWidth: 1280,
                  defaultVideoHeight: 720,
                  pluginWidth: -1,
                  pluginHeight: -1,
                  timerRate: 250,
                  success: function (mediaElement, domObject) { 
                      mediaElement.addEventListener('timeupdate', function(e) {
                          var time = mediaElement.currentTime;
                      }, false);
                      mediaElement.play();
                  },
                  error: function () { 
                  }
              });
          }
  </code></pre>
  
  <p>** Action perform after end of video **</p>
  
  <pre><code>        var videos = document.getElementById("video");
          videos.addEventListener("ended",closeVideo,true);
          function closeVideo(){
              //videos.style.display="none";
              document.getElementById("image").style.display="block";
              document.location.href = "03_video.html"
          }
  
      &lt;/script&gt;
  &lt;/body&gt;
  </code></pre>
  
  <p>I just reload the html page that is 03_video.html</p>