将视频设置为 html 视频标签 - cordova 应用

Question

我的应用程序是 cordova hybrid Windows phone 8.1 应用程序。

我正在使用媒体捕获插件捕获视频并在我的回调中获取视频 url，它是这样的：

/VideoCache/Video-7c5eb8ae-5c3d-48ee-9f3b-0805e81ebc06.mp4

如何将此视频设置为 html 视频标签。

我创建了一个超级简单的项目来重现此错误并在 onedrive

上分享

这是我通过 javascript 调用它的方式：

    // Called when capture operation is finished
//
    function captureSuccess(mediaFiles) {
     var i, len;
    console.log("captureSuccess, mediaFiles: " + JSON.stringify(mediaFiles));
    console.log("mediaFiles.fullPath: " + mediaFiles[0].fullPath);

        //document.querySelector("#video1 > source").src = "http://www.w3schools.com/html/movie.mp4";
    document.querySelector("#video1 > source").src = mediaFiles[0].fullPath;

}

// Called if something bad happens.
//
function captureError(error) {
    var msg = 'An error occurred during capture: ' + error.code;
    navigator.notification.alert(msg, null, 'Uh oh!');
}

// A button will call this function
//
function captureVideo() {
    // Launch device video recording application,
    // allowing user to capture up to 2 video clips
    navigator.device.capture.captureVideo(captureSuccess, captureError, { limit: 1 });
}

Answer 1

var videoElement = document.getElementById("myVideo");
videoElement.src = mediaFiles[0].fullPath; 
videoElement.load();

Answer 2

这是 windows phone 8.1 的问题。似乎无法在 cordova 用于 windows 8 和 windows 8.1 silverlight 应用程序的 webbrowser 控件中访问本地视频。这里 link 在 MSDN.

将视频设置为 html 视频标签 - cordova 应用

set video to html video tag - cordova app

javascript

windows-phone

cordova

visual-studio-cordova