javascript - getting black screen when video is played in cordova -
i designing app android using cordova in have take video , play video on click.i able store video in sdcard , video played when enlarge button on right side of player click not able play video after getting set in particular tag of page,i black screen can hear audio not able view video can view video on click of enlarge button.please me solve issue.
.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/>"; }; (i = 0, len = mediafiles.length; < len; += 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>
in application use cordova-open plugin open audio, video, , images applications installed on device.
Comments
Post a Comment