Question

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

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>

Answer 1

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

Answer 2

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

在cordova中播放视频时出现黑屏

2 个答案: