如何上传要在HTML视频上播放的视频文件？

Question

我一直在尝试寻找一种方法，让用户选择自己的视频文件上载并在HTML5视频标签上播放，但没有成功。...

这里有没有愿意帮助我的人？​​

我尝试使用角度控制器将文件路径动态插入HTML5视频的src属性中。但是我认为我正在理解错误，因为它不起作用。

HTML代码：

    <video id="vidCanvas" class="col-sm-12 col-xs-12 col-md-10"controls>
         <source src="{{vidpath}}" type="video/mp4">
         Your browser does not support the video tag.
    </video>

JAVASCRIPT / ANGULARJS代码：

var app = angular.module("myApp", []);
app.controller ("myCtrl", function ($scope){
    $scope.loadVideo = function(){
        var input = document.getElementById("vidfile").files[0].name;
        $scope.vidpath = "image/" + input;
        console.log($scope.vidpath);
    }
});