在cordova播放视频时出现黑屏

我正在设计一个使用cordova的android应用程序，其中我必须拍摄视频并播放该视频。我能够将视频存储在存储卡中，只有当播放器右侧的放大按钮被点击时，视频才能播放，我无法播放视频，在特定的页面标签设置后，我得到黑屏，即我可以听到音频，但我无法查看视频，我只能在点击放大按钮时查看视频。请帮我解决这个问题。

. html

 <div id="idVedioShowdiv" style="display:none"></div>
       <div style="margin-top:20px!important;"></div>
      <div style="display:block;" id="idVediocapturediv"> <img src="images/Capture.png" alt="" style="width:100%" onclick="captureVedio();"/></div>
        <div class="result-block" style="display:none">
        <div style="color:White">Capture Result:</div> <span id="capture-result" style="color:White"></span><br/>
        <span id="capture-data"></span><br/>
        <!--<div id="audio-result"  style="color:White">Play Vedio</div>-->
        </div>

. js

<script type="text/javascript" charset="utf-8">
 function captureSuccessVedio(mediaFiles) {
 try{
     alert(mediaFiles.length);
      var i, len;
      var formatSuccess = function (mediaFile) {
          document.getElementById('capture-data').innerHTML =
                "Duration: <strong>" + mediaFile.duration + "</strong><br/>";
      };
      for (i = 0, len = mediaFiles.length; i < len; i += 1) {
          document.getElementById('capture-result').innerHTML = mediaFiles[i].fullPath;
      };
      Playvedio();
     }catch(ex){
    }
  }

  function captureErrorVedio(error) {
  }
  function captureVedio() {
  try{
      navigator.device.capture.captureVideo(captureSuccessVedio, captureErrorVedio, { limit: 1 });
       }catch(ex){
    }
  }


  function Playvedio() {
  try{
      var path = $('#capture-result').text();
     $('#idVedioShowdiv').show();
      $('#idVedioShowdiv').append('<div class="mainPhotodiv"><div class="photodiv" id="idvedioDiv"><div class="mainPhotodiv"><div class="deleteImg"><img id="ImgIdDelete" src="images/delete.png" alt="" onclick="deleteVedio(this)" style="width: 100%" /></div><div class="photodiv" id="idvedioDiv"><video style="width: 100%"  poster="http://196.38.94.34:9091/Images/PlayVedio.png" controls><source src="' + path + '" type="video/mp4"></video></div></div></video></div></div>');
           }
      catch(ex)
      {
     alert("err:::"+ex);
      }
  }
  function deleteVedio(ImgTagVedio) {
  $(ImgTagVedio).parents('.mainPhotodiv').remove();
   }


        </script>