我今天开始玩phonegab了。当我试图捕捉视频时它的工作正常。现在我想在webview中显示捕获的视频。所以我在尝试如下。
var captureSuccess = function(mediaFiles) {
var i, path, len;
for (i = 0, len = mediaFiles.length; i < len; i += 1) {
path = mediaFiles[i].fullPath;
videoString = "<video width='320' height='240' controls='controls'><source src="+path+" type='video/mp4' /> <source src="+path+" type='video/ogg' /> <source src="+path+" type='video/webm' />Your browser does not support the video tag.</video>";
$('#myVideo').html(videoString);
}
};
// capture error callback
var captureError = function(error) {
navigator.notification.alert('Error code: ' + error.code, null, 'Capture Error');
};
// start video capture
function takeVideo(){
navigator.device.capture.captureVideo(captureSuccess, captureError, {limit:1});
}
但是在UI中,我看到播放器被追加,但它只播放音频而不播放视频......可能是问题。
任何帮助表示感谢并提前感谢您的时间。
答案 0 :(得分:0)
你有两个视频源标签,可能是一个问题,因为指定了两种不同的类型。
<source src="+path+" type='video/mp4' />
<source src="+path+" type='video/webm' />
所以,尝试删除其中一个。