在科尔多瓦播放视频时出现黑屏答案

【问题标题】：getting black screen when video is played in cordova在科尔多瓦播放视频时出现黑屏
【发布时间】：2015-09-30 12:23:14
【问题描述】：

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

.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>

【问题讨论】：

标签： javascript android cordova video

【解决方案1】：

在我的应用程序中，我使用cordova-open 插件来打开设备上安装的应用程序的音频、视频和图像。

【讨论】：

【解决方案2】：

这是用于 AndroidWebView 更新。从设置>应用>系统应用>android web view卸载android web view更新。它会解决问题。

【讨论】：